Javascript 如何在同一图表中绘制不同数据的线和点

Javascript 如何在同一图表中绘制不同数据的线和点,javascript,flot,Javascript,Flot,我正在使用Flot图表,我想用线数据系列和点数据系列绘制图表。一个阵列形成一条线,一个阵列形成点 然而,我不能做到这一点吗 $.plot("#placeholder", [ { data: prices, label: "Prices" }, { data: average, label: "Average", yaxis: 2 }, { data: error, label:

我正在使用Flot图表,我想用线数据系列和点数据系列绘制图表。一个阵列形成一条线,一个阵列形成点

然而,我不能做到这一点吗

$.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 }
}];