flotchart.org:如何以完整圆圈作为符号绘制散点图

Question

使用flotchart.org，我想用默认的'圆形'形状代表一个点，仅具有相似的圆，但充满了系列的颜色；例如，与某个系列相关的颜色"红色"：我要代表的符号是，使用HTML5帆布API：

var ctx=c.getContext("2d");ctx.beginPath(); ctx.arc(100,75,3,0,2*Math.PI); ctx.fillStyle="red"; ctx.fill();

但我无法获得结果，编码FlotChart文档所建议的内容。

如上文中所建议的，在选项中，我编写了自定义功能：

          points: {
            show: true,
            radius: 2,
            symbol: 
                function fullCircle(ctx, x, y, radius, shadow) {        
                    ctx.arc(x, y, radius, 0, shadow ? Math.PI : Math.PI * 2, false);
                    ctx.fill();
                }, 

ctx.fill无法根据需要工作：圆充满了黑色，并在指向后，我想用与相应系列相关的颜色填充圆圈，然后再将点...

对不起，我对Canvas CTX的无知...

Answer 1

有一个轮流设置的组合来绘制填充圆（碟片）来表示串联点从文档引用https://github.com/flot/flot/blob/master/api.md

"填充"是是否应该填充形状。对于行，这会产生区域图。您可以使用＆quot" fillcolor"。指定填充的颜色。 if" fillcolor"评估为false （默认的所有内容除外填充白色的点），填充颜色是自动集合的数据系列的颜色。您可以通过设置"填充"到0（完全透明）和1之间的数字（完全不透明）。

因此，您只需将series.points.fillColor选项设置为false（使用系列颜色或您喜欢的任何颜色）。和series.points.fill到1，以进行全不透明度。只需和小提琴一起玩。

这是jsfiddle。