【问题标题】:How to add Highcharts series automatically with a 2D-array?如何使用二维数组自动添加 Highcharts 系列?
【发布时间】:2018-03-30 18:50:53
【问题描述】:

我正在使用 Highcharts 生成像 http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/line-basic/ 这样的多系列图表。我将数据存储在 JavaScript 2D 数组中,如下所示:

[
[i, A, B, X],
[1, 1, 2, n],
[2, 1, 2, n],
[3, 1, 2, n],
[4, 1, 2, n]
]

在这种情况下,“i”将是 x 轴,其余三列将是名称为“A”、“B”和“X”的不同系列。但是每个 2D 阵列中的系列数量各不相同。我考虑将二维数组解析为 csv 格式并动态添加系列。但是有没有更有效的方法来做到这一点?谢谢!

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

    我认为最简单的方法是将您的数据转换为 Highcharts 接受的任何格式:

    https://api.highcharts.com/highcharts/series.line.data

    【讨论】:

    • 感谢卡米尔的回复。但我的问题是如何让 Highcharts 动态生成数据系列,而无需手动定义系列的编号和名称?例如,Highcharts 可以在这个例子中自动添加一个名为“X”的新系列吗? jsfiddle.net/mr79v45j/6
    • 自动生成系列需要满足什么条件,Highcharts应该如何确定它的名称和数据?
    • 系列名称在第一行,系列数据在对应列。但是系列的编号和名称每次都可能不同。 Highcharts 可以自动将这些系列添加到图表中吗?
    • Highcharts 仅接受 API/Docs 中指定的格式 - 请参阅我的答案。您需要转换您的数据,以便他们了解如何呈现它。您可以使用addSeries 方法将系列添加到已渲染的图表中:api.highcharts.com/class-reference/Highcharts.Chart
    • 柱形图的数据格式怎么样?是否也可以在某个地方使用?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-22
    • 1970-01-01
    • 2019-03-11
    相关资源
    最近更新 更多