Question

当前情况 chart

我想要的是：chart

我用线条和条形图制作了一个混合图表。我的线有问题。行不是从零开始。这是我的代码； https://jsfiddle.net/ameydan/vb4fsyqp/31/

`选项：{

legend: {
  display: false,

  position: 'top',
},

elements: {
  point: {
    radius: 0
  }
},

scales: {
  yAxes: [{
      stacked: true,
      ticks: {
        beginAtZero: true
      }
    }

  ],

  xAxes: [{

      stacked: true,
      ticks: {
        beginAtZero: true
      }
    }

  ]

}

}`

提前谢谢。

beginAtZero：true，未解决问题。

Answer 1

这是因为您将堆叠设置为true。

scales: {
  yAxes: [{
      stacked: **false**,
      ticks: {
        beginAtZero: true
      }
    }

  ],

  xAxes: [{

      stacked: true,
      ticks: {
        beginAtZero: true
      }
    }

  ]

}

编辑：

第二个想法来自=> https://www.chartjs.org/docs/latest/charts/mixed.html

这时，我们有了一个图表来呈现我们想要的样子。 很重要的一点是，在这种情况下，折线图的默认选项不会合并。只会合并默认类型的选项。在这种情况下，这意味着条形图的默认选项将被合并，因为这是类型字段指定的类型。

我找到了解决方法！

只需添加：

myChart.options.scales.xAxes[0].offset = false;
myChart.update();

唯一的对应关系是，如果条形数据集的索引为0，则将只绘制一半，最后一个绘制如下：https://jsfiddle.net/0qsh8znu/1/

Chart.js混合图表：线条不是从零开始

1 个答案: