Zingchart线条边框怎么设置?
How to set Zingchart line border?
zingchart可以画带边框的线吗?
我有一个
"type" : "line",
"values" : [something],
"line-color": "#somecolor",
但是添加 "border-color" : "#something"
和 "border-width" : 3px
并没有做到。
我试过文档,但没有找到任何相关内容,除了条形系列类型。
编辑:忘了说,我在混合类型的图表(条形图+线条)中,我可以将边框设置为 "bar" 类型系列,但不能设置 "line" 类型。
ZingChart 的绘图引擎模仿了很多 SVG 的绘制方式,因此线条本身没有边框。然而,在真正的 SVG 时尚中,我们有一个名为 top-state
的 属性,它允许用户复制一个形状以放置在现有形状的正上方。
为了模拟线条周围的边框,我们可以使顶部状态线宽的大小比绘图线宽略细。
如果您需要任何进一步的帮助,请随时与我们联系——我是 ZingChart 团队的一员
var myConfig = {
type: "mixed",
series : [
{
type : 'bar',
values : [35,42,67,89,25,34,67,85]
},
{
type : 'line',
values : [35,42,67,89,25,34,67,85],
lineWidth : "6px",
topState : {
lineWidth : "2px",
lineColor : "pink"
}
}
]
};
zingchart.render({
id : 'myChart',
data : myConfig,
height: 400,
width: 600
});
<!DOCTYPE html>
<html>
<head>
<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
</head>
<body>
<div id='myChart'></div>
</body>
</html>
zingchart可以画带边框的线吗?
我有一个
"type" : "line",
"values" : [something],
"line-color": "#somecolor",
但是添加 "border-color" : "#something"
和 "border-width" : 3px
并没有做到。
我试过文档,但没有找到任何相关内容,除了条形系列类型。
编辑:忘了说,我在混合类型的图表(条形图+线条)中,我可以将边框设置为 "bar" 类型系列,但不能设置 "line" 类型。
ZingChart 的绘图引擎模仿了很多 SVG 的绘制方式,因此线条本身没有边框。然而,在真正的 SVG 时尚中,我们有一个名为 top-state
的 属性,它允许用户复制一个形状以放置在现有形状的正上方。
为了模拟线条周围的边框,我们可以使顶部状态线宽的大小比绘图线宽略细。
如果您需要任何进一步的帮助,请随时与我们联系——我是 ZingChart 团队的一员
var myConfig = {
type: "mixed",
series : [
{
type : 'bar',
values : [35,42,67,89,25,34,67,85]
},
{
type : 'line',
values : [35,42,67,89,25,34,67,85],
lineWidth : "6px",
topState : {
lineWidth : "2px",
lineColor : "pink"
}
}
]
};
zingchart.render({
id : 'myChart',
data : myConfig,
height: 400,
width: 600
});
<!DOCTYPE html>
<html>
<head>
<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
</head>
<body>
<div id='myChart'></div>
</body>
</html>