Question

我必须实现一个包含许多要跟踪的元素的折线图。我知道有很多库，现在我使用highcharts。问题是我为水平线传递了12个里程碑，但只传递了3个值。期望的行为是绘制所有里程碑并仅为那些传递值的人绘制线。目前它只显示里程碑，我已经传递了一个值。

这是一个例子： ...

    xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

...

    series: [{
        name: 'Tokyo',
        marker: {
            symbol: 'square'
        },
        data: [7.0, 6.9, 9.5, 14.5, 13.9, 9.6]

    },

当提供的数据数量少于xAxis元素的数量时，并非所有xAxis元素都显示在图表上。我希望所有这些都显示在图表上，并且仅为具有数据的xAxis元素绘制购物车行。

你知道我怎么能用highcharts做到这一点，或者你知道一个可以做这项工作的图书馆吗？谢谢你的时间。

此致 Goergi。

Answer 1

如果我已正确理解您，那么您希望显示所有类别，但在您提供数据时绘制它们的线条。如果你传递了价值＆＃39; null＆＃39;那么在highcharts中有一种简单的方法可以做到这一点。对于你不想画线的所有里程碑！数组将有12个值，但是如果你只有三个值，那么前三个将是那些值而rest为null，你也可以用类别映射它们，比如给出数组类别编号的值！

series: [{
            name: 'Tokyo',
            data: [49.9, 71.5, 106.4, null, null, null, null, null, null, null, null, null]

        }]

稍后您可以在继续获取值

时更新系列

chart.series[0].update: [{
                name: 'Tokyo',
                data: [49.9, 71.5, 106.4, 75, null, null, null, null, null, null, null, null]

            }]

查看工作小提琴here

JS图表库

1 个答案: