ZingChart在x轴上显示值的倍数

时间:2017-01-08 14:37:54

标签: javascript charts zingchart

假设我在x轴上的值为0到2049.我的值是系列。我只需要显示0,500,1000,1500,2000,即每隔500个刻度,我还没有找到一个例子。我试过max-labels,但因为我的价值超过2000,所以我不会得到500的倍数。 有没有办法实现这个目标?

1 个答案:

答案 0 :(得分:4)

您有scale-x,您的意思是scale-y吗?

如果您在谈论scale-y,可以在比例尺之间设置minValuemaxValuestep。您可以单独设置这些,也可以将它们设置为values: 'minValue:maxValue:step'itemsOverlap只会强制所有项目呈现,即使它们的高度或宽度与其上方或下方的项目重叠。



var myConfig = {
 	type: 'bar', 
 	scaleY: {
 	  values: '0:2000:500',
 	  maxItems: 5,
 	  itemsOverlap: true,
 	},
	series: [
		{
			values: [2235,4442,3367,1389,2325,3334,4567,2385]
		}
	]
};

zingchart.render({ 
	id: 'myChart', 
	data: myConfig, 
	height: '100%', 
	width: '100%' 
});

html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}
#myChart {
	height:100%;
	width:100%;
	min-height:150px;
}
.zc-ref {
	display:none;
}

<!DOCTYPE html>
<html>
	<head>
		<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
	</head>
	<body>
		<div id="myChart"><a class="zc-ref" href="https://www.zingchart.com">Powered by ZingChart</a></div>
	</body>
</html>
&#13;
&#13;
&#13;

如果这不是您要找的答案,请通知。

缩放文档:

https://www.zingchart.com/docs/tutorials/chart-elements/configure-chart-scales/

https://www.zingchart.com/docs/api/json-configuration/graphset/scale-x/