向Flot Point添加白色边框/笔划（jQuery图）

Question

查看positionly.com使用的图表：https://www.dropbox.com/s/kz9ksagctf7zpaa/Screenshot%202015-12-18%2010.31.03.png?dl=0

是否可以在Flot jQuery图上重新创建它？

目前我有以下选择：

    points    : {
        show     : true,
        radius   : 2,
        lineWidth: 3,
        fillColor: 'red',
        fill     : true,
        shadowSize: 0

屏幕截图：https://www.dropbox.com/s/07wm4r8ojzhr5js/Screenshot%202015-12-18%2010.32.45.png?dl=0

有关如何添加边框/笔划的任何想法 - 或者这是否可行？

Answer 1

默认的Flot选项无法做到这一点。您可以为点定义单独的fillColor，但不能为单独的边框/笔触颜色定义。

一种解决方法是使用相同的数据定义两个数据系列：

• 第一个正常color: red（或绿色）只有。{ 行启用
• 和第二个color: white和fillColor: red （或绿色）已启用点数。

结果：

代码（fiddle中的更多内容）：

var plot = $.plot("#placeholder", [{
    data: sin,
    label: "sin(x)",
    color: 'red',
    points: {
        show: false,
    },
    lines: {
        show: true,
        lineWidth: 5
    }
}, {
    data: sin,
    color: 'white',
    points: {
        show: true,
        lineWidth: 2,
        radius: 5,
        fill: true,
        fillColor: 'red'
    },
    lines: {
        show: false
    }
}],