0
我想問一下如何在特定的X軸位置插入值?CanvasJS - 如何在特定的X軸位置插入值?
例如:
我有10個標記,其在X軸 的底部顯示(標籤)我有(x軸-COORDS 100個值放在哪裏和他們的軸y的值)需要插入X軸上特定的 位置。 這意味着一個標記不對應一個值。應該是獨立的。
我該如何使用CanvasJS或任何其他庫進行操作?
我想問一下如何在特定的X軸位置插入值?CanvasJS - 如何在特定的X軸位置插入值?
例如:
我有10個標記,其在X軸 的底部顯示(標籤)我有(x軸-COORDS 100個值放在哪裏和他們的軸y的值)需要插入X軸上特定的 位置。 這意味着一個標記不對應一個值。應該是獨立的。
我該如何使用CanvasJS或任何其他庫進行操作?
@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>