当前位置：文江博客话题详情

jquery float，每个点的大小和颜色不同

发布于 2024-12-27 20:31:21 字数 236 浏览 1 评论 0原文

我们可以更改 jquery flot 图中点的以下属性吗：

点的大小 ：我基本上是在尝试绘制三维图。前两个维度是 x 和 y 值，第三个维度值将反映在点的大小中。值越大，点越大。

点的颜色：我再次尝试显示 x 和 y 值以外的属性。值越大，点越暗。

[编辑]：我试图单独控制点的这些属性，而不是整个图。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

街角卖回忆 2025-01-03 20:31:21

我现在明白你了。我能看到这样做的唯一方法是将回调函数传递给点符号选项：

function someFunc(ctx, x, y, radius, shadow) 
{
  someFunc.calls++;
   if (someFunc.calls % 2 == 0)
   {
    ctx.arc(x, y, radius * 4, 0, shadow ? Math.PI : Math.PI * 2, false);
   }
   else
   {
     ctx.arc(x, y, radius, 0, shadow ? Math.PI : Math.PI * 2, false);
   }
}
someFunc.calls = 0;

var options = {
  series: {
    lines: { show: true },
    points: { show: true, symbol: someFunc}
  }
};

somePlot = $.plot($("#placeholder"), [ d1 ], options);

在上面我正在调整每个其他点的半径大小：

在此处输入图像描述

此处示例

I understand you now. The only way I can see doing this is by passing a callback function to the point symbol option:

function someFunc(ctx, x, y, radius, shadow) 
{
  someFunc.calls++;
   if (someFunc.calls % 2 == 0)
   {
    ctx.arc(x, y, radius * 4, 0, shadow ? Math.PI : Math.PI * 2, false);
   }
   else
   {
     ctx.arc(x, y, radius, 0, shadow ? Math.PI : Math.PI * 2, false);
   }
}
someFunc.calls = 0;

var options = {
  series: {
    lines: { show: true },
    points: { show: true, symbol: someFunc}
  }
};

somePlot = $.plot($("#placeholder"), [ d1 ], options);

In the above I am adjusting the radius size for every other point:

enter image description here