Javascript 为什么我不';我看不到第二个情节?

Javascript 为什么我不';我看不到第二个情节?,javascript,chart.js,Javascript,Chart.js,您好,我使用javascript和Chart.js编写了以下代码: <script> new Chart(document.getElementById("line-chart"), {type:'line', data: { labels: [18.123,46.8603108462,75.5976216923,104.334932538], datasets: [{ data: [418872.777267,2

您好,我使用javascript和Chart.js编写了以下代码:

<script>
new Chart(document.getElementById("line-chart"), 

{type:'line', 
    data: {
        labels: [18.123,46.8603108462,75.5976216923,104.334932538],
        datasets: [{
            data: [418872.777267,262233.131655,180687.131758,133676.324505],
            label: "Model",
            borderColor: "#3e95cd",
            fill: false     
        }]      
    }
    },
{
  type: 'scatter',
  data: {

    datasets: [{
label : 'Data',
fill:false,
showLine: false,
backgroundColor: "#FF0000",
data : [{x: 17.0, y: 454995.091169},
{x: 18.0, y: 457656.874749},
{x: 19.0, y: 444574.49162},
{x: 20.0, y: 432511.514968},
{x: 21.0, y: 421184.776328}],
}]
},
options: {
title:{
display: true,
text:"Test"},
        scales: {
            xAxes: [{
                type: 'logarithmic',
                position: 'bottom'
            }],
yAxes: [{
                type: 'logarithmic'
            }]
        }
    }
}
 );
</script>

新图表(document.getElementById(“折线图”),
{类型:'line',
数据:{
标签:[18.123,46.8603108462,75.5976216923104.334932538],
数据集:[{
数据:[418872.777267262233.131655180687.131758133676.324505],
标签:“模型”,
边框颜色:“3e95cd”,
填充:假
}]      
}
},
{
键入:“散布”,
数据:{
数据集:[{
标签:“数据”,
填充:假,
展示线:错,
背景颜色:“FF0000”,
数据:[{x:17.0,y:454995.091169},
{x:18.0,y:457656.874749},
{x:19.0,y:444574.49162},
{x:20.0,y:432511.514968},
{x:21.0,y:421184.776328}],
}]
},
选项:{
标题:{
显示:对,
文本:“测试”},
比例:{
xAxes:[{
类型:'对数',
位置:'底部'
}],
雅克斯:[{
类型:“对数”
}]
}
}
}
);
问题是我没有看到散点图,我只看到第一个散点图。实际上我想用对数标度在同一张图上画这两个图


多谢各位

您可以使用混合图表,可以创建由两种或多种不同图表类型组合而成的混合图表


您需要在行数据集中添加一个类型为“分散”的数据集。您可以在这里查看他们的混合图表文档

您可以在这里查看我的跑步示例


API描述了您想要的东西。您必须在
数据集中定义另一个图表。但在我的情况下,我没有相同的横坐标:/是的,我看到了,但在我的情况下,横坐标不同,而在您提到的情况下,您有相同的横坐标,名称是Labels。我尝试了您的解决方案,但我只得到了点而不是线:/Hi@PeterHarris您检查过我的吗JSIDLE链接?是的,但我在运行中点击时只看到一个白色屏幕:/Hi@PeterHarris抱歉,我不知道该链接出了什么问题。请看看这把小提琴,非常感谢,这正是我想要的!:)
    var ctx = new Chart(document.getElementById("line-chart"), {
    type: 'line',
    data: {
        labels: [18.123,46.8603108462,75.5976216923,104.334932538],
        datasets: [{
            data: [418872.777267,262233.131655,180687.131758,133676.324505],
            label: "Model",
            borderColor: "#3e95cd",
            fill: false     
        }, {
            label : 'Data',
            fill:false,
            showLine: false,
            data : [{x: 17.0, y: 454995.091169},
            {x: 18.0, y: 457656.874749},
            {x: 19.0, y: 444574.49162},
            {x: 20.0, y: 432511.514968},
            {x: 21.0, y: 421184.776328}],
                type: 'scatter'
        }
            ]        
    },
    options: {
        title:{
            display: true,
            text:"Test"
        },
        scales: {
            xAxes: [{
                type: 'logarithmic',
                position: 'bottom'
            }],
            yAxes: [{
                type: 'logarithmic'
            }]
        }
    }
})