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 使用符号插件将菱形显示为点标记。

Flot JS 将目标变成菱形

Flot JS turn target into diamond shape

javascript

flot