3

使用 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();

但我无法获得结果，对fllotchart 文档建议的内容进行编码。

正如上面的文档中所建议的，在选项中我编写了自定义函数：

          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的无知......

4

1 回答 1

1

有一个浮点设置的组合来绘制实心圆（圆盘）来表示从文档https://github.com/flot/flot/blob/master/API.md引用的系列点

“填充”是形状是否应该被填充。对于线，这会产生面积图。您可以使用“fillColor”来指定填充的颜色。 如果 "fillColor" 评估为 false（除了用白色填充的点之外的所有内容的默认值），填充颜色将自动设置为数据系列的颜色。您可以通过将“填充”设置为 0（完全透明）和 1（完全不透明）之间的数字来调整填充的不透明度。

所以您只需将series.points.fillColor选项设置为false（使用系列颜色或您喜欢的任何颜色）。并series.points.fill完全1不透明。只是玩小提琴。

这是JsFiddle。

于 2013-09-19T07:12:44.667 回答