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

Question

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

例如：

我有10個標記，其在X軸 的底部顯示（標籤）我有（x軸-COORDS 100個值放在哪裏和他們的軸y的值）需要插入X軸上特定的 位置。 這意味着一個標記不對應一個值。應該是獨立的。

我該如何使用CanvasJS或任何其他庫進行操作？

Answer 1

@redrom，

標籤上X軸要麼用戶在該點處定義的「標記」或x值。

如果您有100 dataPoints並且只想顯示10個數據點的標籤，則可以將間隔設置爲10，以便每隔10個數據點標籤就會顯示出來。

檢查此示例。

var dps = []; 
 
var yVal = 50; 
 

 
for(var i = 1; i <= 100; i++){ 
 
\t yVal = yVal + Math.round(5 + Math.random() *(-5-5)); 
 
    dps.push({x: i, y: yVal, label: "xValue: " +i}); 
 
} 
 

 
var chart = new CanvasJS.Chart("chartContainer", 
 
{ 
 
\t axisX:{ 
 
    \t interval: 10//change this to 20 and observe X-Axis labels 
 
    }, 
 
\t data: [ 
 
\t { 
 
\t \t type: "line", 
 
\t \t dataPoints: dps 
 
\t } \t \t \t \t \t 
 
\t ] 
 
}); 
 
chart.render();

<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script> 
 

 
<div id="chartContainer" style="height: 300px; width: 100%;"></div>