Question

我想问一下如何在特定的X轴位置插入值？

例如：

我有10个标记（标签）显示在X轴的底部我有100个值（x轴 - coords放置的位置和它们的轴-y值）需要插入特定的值在X轴上的位置。这意味着一个标记不对应于一个值。应该是独立的。

我怎样才能使用CanvasJS或任何其他库？

Answer 1

@redrom，

X轴上的标签是用户定义的“标签”或该点的x值。

如果您有100 dataPoints并且只想为10个dataPoints显示标签，则可以将间隔设置为10，以便显示每10个dataPoint标签。

检查此示例。

＆＃13;

var dps = [];
var yVal = 50;

for( var i = 1; i <= 100; i++){
	yVal = yVal +  Math.round(5 + Math.random() *(-5-5));  
    dps.push({x: i, y: yVal, label: "xValue: " +i});
}

var chart = new CanvasJS.Chart("chartContainer",
{
	axisX:{
  	interval: 10//change this to 20 and observe X-Axis labels
  },
	data: [
	{
		type: "line",
		dataPoints: dps
	}					
	]
});
chart.render();

＆＃13;

<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>

<div id="chartContainer" style="height: 300px; width: 100%;"></div>

＆＃13;

CanvasJS - 如何在特定的X轴位置插入值？

1 个答案: