Question

假设我有一个LineChart，上面有两行，所以现在我提供了两个不同的数据集（我从我的api中获取它们），如下所示：

  this.lineChartData = {
    datasets: [
    {
        label: 'Data 1',
        fill: false,
        borderColor: "rgb(75, 192, 192)",
        lineTension: 0.1,
        data: response.data.line_data_1
    },
    {
        label: 'Data 2',
        fill: false,
        borderColor: "rgb(34,139,34)",
        lineTension: 0.1,
        data: response.data.line_data_2
    }]
  }

其中line_data_1和line_data_2相似（它们具有相同的x但不同的y）：

line_data_1：

[
  {'x': 1, 'y': 3}, {'x': 2, 'y': 5}, ...
]

line_data_2：

[
  {'x': 1, 'y': 2}, {'x': 2, 'y': 3}, ...
]

但是，我只想提供一个line_data列表，例如：

[
  {'x': 1, 'y': 3, 'y2': 2}, {'x': 2, 'y': 5, 'y2': 3}, ...
]

并像这样使用它：

this.lineChartData = {
  datasets: [
  {
      label: 'Data 1',
      fill: false,
      borderColor: "rgb(75, 192, 192)",
      lineTension: 0.1,
      data: response.data.line_data
  },
  {
      label: 'Data 2',
      fill: false,
      borderColor: "rgb(34,139,34)",
      lineTension: 0.1,
      // here should be some magic parameter 
      // to say chart js use 'y2' instead of just 'y' in this case
      // is it possible? 
      data: response.data.line_data
  }]
}

在图表js中有可能吗？

Answer 1

数据：line_data [0]和数据：line_data [1]应该可以解决问题

是否可以在图表js中以两行使用一个数据集？

1 个答案: