javascript - 如何在 CanvasJS 中创建一个 Y 轴数量不确定的图表？

Question

我正在从外部 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。

Answer 1

您可以使用 JSON 对象将数据推送到“数据”变量中。

我假设您的对象包含对象，因此每个次要对象都必须具有“数据”数组中的元素所需的数据。

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

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