Flot JS将目标变成菱形

Question

我有三个系列的数据：用于绿色条形，红色箭头和目标类似

var dataBarsRed = {
    data: [
        [2, 3], ],
    label: 'Bars in Red',
    color: 'red'
};
var dataBarsGreen = {
    data: [
        [1, 2],
        [3, 1],
        [4, 3]
    ],
    label: 'Bars in Green',
    color: 'green'
};
var dataLines = {
    data: [
        [1, 3, 3],
        [2, 3.5, 3.5],
        [3, 1.5, 1.5],
        [4, 2.5, 2.5]
    ],
    label: 'Lines',
    color: 'navy',
    bars: {
        barWidth: 0.5
    }
};

我为此附上了fiddle。 是否可以使用Flot JS将目标设为钻石（？

Answer 1

您可以通过在系列选项（或每个单独的系列）中指定点形状来自定义点形状。 symbol plugin可用于访问更多形状：

var options = {
    series: {
        points: {
            shape: "diamond"
        }
    }
}

此updated JSFiddle使用符号插件将菱形显示为点标记。