Javascript 如何在chart.js中获取多个y轴?

Javascript 如何在chart.js中获取多个y轴?,javascript,charts,Javascript,Charts,我尝试过在一个折线图上显示两个y轴。然而,一旦我实现了这一点,图表似乎就不会出现 var options = { type: "line", data: { labels: timelist, datasets: [ {label: "Ambient Temp", d

我尝试过在一个折线图上显示两个y轴。然而,一旦我实现了这一点,图表似乎就不会出现

var options = {
                type: "line",
                data: {
                    labels: timelist,
                    datasets: [
                        {label: "Ambient Temp", data: temp_amb_data, backgroundColor: "rgba(75, 192, 192, 0.2)", borderWidth: 1, borderColor: "rgba(75, 192, 192, 1)",id='left-y-axis'},
                        {label: "Ambient Humidity", data:amb_hum_data, backgroundColor: "rgba(255, 99, 132, 0.2)", borderWidth: 1, borderColor: "rgba(255, 99, 132, 1)",id='right-y-axis'},
                        {label: "Booth Temp", data: temp_col, backgroundColor: "rgba(153, 102, 255, 0.2)", borderWidth: 1, borderColor: "rgba(153, 102, 255, 1)",id='left-y-axis'},
                        {label: "Booth Humidity", data: hum_data, backgroundColor: "rgba(255, 159, 64, 0.2)", borderWidth: 1, borderColor: "rgba(255, 159, 64, 1)",id='right-y-axis'}
                    ]
                },
                options: {
                    legend:{position:'right'},
                    animation: {tension: {duration: 1000, easing: "linear", from: 1, to: 0, loop: true}},
                    scales: {yAxes:[{ id:'left-y-axis',type='linear',position:'left'},{id:'right-y-axis',type='linear',position:'right'}]}
                }
            };

            var ctx = document.getElementById("myChart").getContext("2d");
            var chart = new Chart(ctx, options);

我哪里出错了?

我在您的代码片段中看到的问题是:

  • 您的Chart.js配置缺少一些设置
  • 提供的JSON无效
  • 此外,再现错误并不容易。尝试提供一个代码笔示例
  • 我用一个图表和两个Y轴创建了这个代码笔片段:

    请参见
    选项.scales.yAxes中的第二个Y轴。你能用你的
    数据集
    数据试试看它是否适合你的需要吗?如果没有,请叉代码笔并提供链接


    在您提供的第二个代码笔中,发现的唯一问题是Chart.JS配置无效。特别是键
    yAxisId
    ,它应该是
    yAxisId
    。微小但重要的区别。固定代码笔在这里:(我在第二个轴上添加了一个负值,以便轻松区分
    min
    max

    您应该查看可能收到的错误消息,您的
    JSON
    无效,即您需要将
    =
    替换为
    其他选项一样。如果你仍然需要帮助显示你的图表,你需要感谢你指出这一点。如果我没有注意到,那真是太傻了嗨,你能检查一下我的密码笔吗。次y轴出现,但它似乎没有正确的点,也不会动态更改。您好@coder_bg,我已经在上面的回答中添加了原因和一个固定的代码笔。您好,谢谢,它现在工作得很好。我知道这不是一个可以继续的正确线程,您可以看看我的,并向我建议时间滑块不工作的原因吗?@coder\u bg让我们打开一个新问题,以便任何人都可以回答=]。我也不知道你贴的代码笔上有没有滑动条?问题是。请看一看。谢谢