gpt4 book ai didi

zingchart - 如何设置Zingchart线边框?

转载 作者:行者123 更新时间:2023-12-03 23:23:37 26 4
gpt4 key购买 nike

是否可以在zingchart中画一 strip 边框的线?

我有一个

"type" : "line",
"values" : [something],
"line-color": "#somecolor",

但添加 "border-color" : "#something""border-width" : 3px不这样做。

我已经尝试过文档,但我没有找到任何相关的东西,除了条形系列类型。

编辑:忘了说,我在混合类型图表(条形+线条)中,我可以将边框设置为“条形”类型系列,但不能将“线条”类型设置为边框。

最佳答案

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 - 如何设置Zingchart线边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34154230/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com