Javascript 为什么我不';我看不到第二个情节?
您好,我使用javascript和Chart.js编写了以下代码: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
<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'
}]
}
}
})