带有两个y轴的混合图(线/条)不会在第二轴上显示数据。

Question

如标题所示。我正在尝试用chart.js-2创建一个图表。这张图是用来显示湿度和温度的数据。在X轴上我显示时间。我有两个Y轴-一个是温度，另一个是湿度.即使数据出现在工具提示中，也没有给出说明。

数据以这种格式提供: Timestamp;Sensor_ID;Temperature;Humidity；2019-06-29 11:13:56;1;24.60;51.80；

下面是一个使用“工作”示例的小提琴：/ky4nha7L/22/

data: {
        datasets: [{
        type: 'bar',
        yAxisID: 'Humidity',
        label: 'Humidity',
        backgroundColor: window.chartColors.blue,
        data: objDataset_Humid_Filtered,
        borderColor: 'blue',
        borderWidth: 2,
        fill: true,
      }, {
        type: 'line',
        yAxisID: 'Temperature',
        label: 'Temperature',
        backgroundColor: window.chartColors.red,
        borderColor: window.chartColors.red,
        data: objDataset_Temp_Filtered,
        fill: false
      }]
    }´

谢谢你的任何回答！我开始对此感到沮丧了。

我也非常肯定，我的编码不是很干净(初学者)，所以如果你碰巧有任何提示，请随意！

向你问好，大卫

Answer 1

Chart.js允许将一行添加到条形图中，但不允许将条形图添加到线条图中。因此，您需要将图表类型设置为bar，例如：

var config = {
  type: 'line', // <-- change to 'bar'!
  ...