4

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

我有一个

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

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

我已经尝试过文档，但除了条形系列类型之外，我没有找到任何相关内容。

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

4

1 回答 1

4

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>

于 2015-12-08T16:43:35.427 回答