Question

作为标题说明。我正在尝试使用chart.js-2创建一个图表。该图应该显示湿度和温度的数据对。在X轴上，我显示时间。我有两个Y轴-一个用于温度，另一个用于湿度。即使数据显示在工具提示中，也没有显示。

数据以以下格式提供：时间戳;传感器ID;温度;湿度; 2019-06-29 11：13：56; 1; 24.60; 51.80;

这是一个带有“工作”示例的小提琴： https://jsfiddle.net/sHooP_/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'!
  ...

具有两个y轴的混合图（线/条）不会在第二轴上显示数据

1 个答案: