CanvasJS - 特定のX軸の位置に値を挿入する方法は？

Question

特定のX軸の位置に値を挿入するにはどうすればいいですか？例えば

：

IはX軸の底 に表示される10個のマーカー（標識）が私は（配置するX軸COORDSと軸Yのためのそれらの値と100の値を有しています）をX軸の特定の の位置に挿入する必要があります。 これは、1つのマーカーが1つの値に対応していないことを意味します。独立している必要があります。

CanvasJSや他のライブラリを使ってどうすればいいですか？

Answer 1

@redrom、X軸上

ラベルのいずれかユーザがその時点で「標識」またはxの値を定義されています。

100個のデータポイントについてラベルを表示するのが好きな場合は、間隔を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>