删除IDD图表上的轴

Remove axis on IDD chart

本文关键字：IDD 删除      更新时间：2023-09-26

我正在尝试使用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
});

请参阅图表

尝试

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;

相关文章：