如何设置Zingchart线边界

在zingchart中可以画一条带边框的线吗？

我有

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

但添加CCD_ 1和CCD_

我试过文档，但除了小节系列类型之外，没有发现任何相关的内容。

编辑：忘了说，我是一个混合类型的图表（条形图+折线图），我可以将边框设置为"条形图"类型的系列，但不能设置为"折线图"类型。

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>

相关内容

最新更新

热门标签：