如何在CanvasJS中创建Y轴数不确定的图表?

问题描述 投票:0回答:1

我正在从外部JSON对象动态更新图表。

我的图表将显示多个Y轴,并且Y轴的数量取决于从JSON文件读取的数据量。

如何创建数量不确定的Y轴图表?似乎您需要在

中明确说明Y轴的数量
data: [
]

像节

    data: [
    {
    name: "YAxis1",
    type: "splineArea",
    yValueFormatString: "#,### First Data",
    showInLegend: true,
    legendText: "First Data",
    dataPoints : dataPointsFirst
  },
  {
    name: "Second Data",
    type: "splineArea",
    yValueFormatString: "#,### Second Data",
    showInLegend: true,
    legendText: "Second Data",
    dataPoints : dataPointsSecond
  }]

是否有一种方法可以动态调整图表以在图表中向Y轴添加一条线?

编辑:JSON对象采用以下形式:

[
    {
        "id" : "4568ID214",
        "data" : [12, 65, 45, 32, 67]
    },
    {
        "id" : "5687ID556",
        "data" : [76, 64, 55, 41, 90]
    }
]

每个“数据”元素将有自己的与Y轴相关的线。但是,id和数据对象的数量不确定。可能是5或50。

javascript graph canvasjs
1个回答
1
投票
我假设您的对象包含对象,所以每个辅助对象都必须具有'data'数组中某个元素所需的数据。

{ 'obj0': {'data0': 'abcd', 'data1': 'efgh'}, 'obj1': {'data0': 'ijkl', 'data1': 'mnop'} }

对于该示例输入,您可以使用'obj0'和'obj1'创建具有图表数据的对象。当然,这只是一个例子。您将需要计算数据点或使用JSON响应编辑问题

© www.soinside.com 2019 - 2024. All rights reserved.