Javascript 如何在同一图表中绘制不同数据的线和点
我正在使用Flot图表,我想用线数据系列和点数据系列绘制图表。一个阵列形成一条线,一个阵列形成点 然而,我不能做到这一点吗Javascript 如何在同一图表中绘制不同数据的线和点,javascript,flot,Javascript,Flot,我正在使用Flot图表,我想用线数据系列和点数据系列绘制图表。一个阵列形成一条线,一个阵列形成点 然而,我不能做到这一点吗 $.plot("#placeholder", [ { data: prices, label: "Prices" }, { data: average, label: "Average", yaxis: 2 }, { data: error, label:
$.plot("#placeholder", [
{ data: prices, label: "Prices" },
{ data: average, label: "Average", yaxis: 2 },
{ data: error, label: "Error", yaxis: 3 }
], {
points: [{},{},{ show: true, radius: 10, lineWidth: 4, fill: false }],
xaxes: [ { mode: "time" } ],
yaxes: [
{ },
{
alignTicksWithAxis: 1,
position: "right",
min: -110,
max: 10
},
{
alignTicksWithAxis: 1,
position: "right",
visible: false,
ticks: []
}
],
legend: { position: "sw" }
});
这里的价格和平均值是两个数据线阵列,误差应该是图表中的可视化点。但我只有台词。我无法“混合匹配”您可以向数据系列对象添加
点
和行
选项:
具有一个系列打印线的示例,而另一个系列打印点
var data = [{
data: [[0, 150], [1, 200], [2, 250], [3, 120], [4, 90]],
points: { show: false },
lines: { show: true }
},
{
data: [[0, 200], [1, 100], [2, 150], [3, 70], [4, 30]],
points: { show: true },
lines: { show: false }
}];