在IDD圖表上移除軸

Question

我正在嘗試使用IDD將時間序列可視化。如何從圖表中刪除指示浮動值的X軸並僅保留時間戳？

這裏是我的代碼：

var timeSeriesChart = InteractiveDataDisplay.asPlot("chart"); 

var timeSeriesData = JSON.parse('{\ 
    "times":["2016-03-28 16:00","2016-03-28 17:00","2016-03-28 18:00"],\ 
    "time_locations":[0.6,1.2,1.8],\ 
    "values":[3.0, 4.0, 5.0]}'); 

timeSeriesChart.polyline("Time series", 
{ 
    y: timeSeriesData.values, 
    x: false, 
    stroke: "rgb(89,150,255)", 
    thickness: 3 
}); 

timeSeriesChart.addAxis("bottom", "labels", { 
    labels: timeSeriesData.times, 
    ticks: timeSeriesData.time_locations 
}); 

see the chart

Answer 1

嘗試

var numAxis = timeSeriesChart.getAxes("bottom"); numAxis[0].remove();

要加入你的標記線之前刪除現有的軸。

你添加標記軸之後，附加網格線這個新的軸：

var gridLines = $('#chart > div[data-idd-plot="grid"]'); var grid = timeSeriesChart.get(gridLines[0]); grid.xAxis = timeAxis.axis;