JQuery Flot, варьирующийся размер и цвет для каждой точки - PullRequest
Новая
       4

JQuery Flot, варьирующийся размер и цвет для каждой точки

7 голосов
/ 19 января 2012

Можем ли мы изменить следующие свойства точек на графике с плавающей точкой jquery:

размер точек : Я в основном пытаюсь построить трехмерный график. Первые два измерения - это значения x и y, а третье значение измерения будет отражено в размере точек. Чем больше значение, тем больше точка.

цвет точек: Снова пытаюсь отобразить свойство, отличное от значений x и y. Чем больше значение, тем темнее точка.

[EDIT] : я пытаюсь управлять этими свойствами для точек по отдельности, а не для всего графика.

1 Ответ

16 голосов
/ 20 января 2012

Теперь я вас понимаю.Единственный способ убедиться в этом - передать функцию обратного вызова в опцию символа точки: 

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);

. Выше я настраиваю размер радиуса для каждой другой точки:

enter image description here

ПРИМЕР ЗДЕСЬ

...