All geek questions in one place

How to set the border of the Zingchart line?

Is it possible to draw a line with a border in zingchart?

I have

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

but the addition "border-color" : "#something"and "border-width" : 3pxdoes not do it.

I tried the documentation, but I did not find anything related except for the types of row bars.

edit: Forgot to say that I am in a mixed type diagram (line + line), I can set the boundaries for the type “bar”, but not the type “line”.

+4
source share
1 answer

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>
+4

Source: https://habr.com/ru/post/1619018/

More articles:


All Articles