仅在Flot折线图

时间:2017-11-30 11:37:50

标签: javascript jquery flot

有没有办法在线图中仅改变一个点(最后一个)的颜色? Hhint:我使用的点数是4。

当前代码的一部分如下:

var Arr_data = [[]];
... 
var plot1 = {
      series: {            
        lines: {
          show: false,
          fill: 1,  
        },

        splines: {
          show: true,
          tension: 0.4,
          lineWidth: 2,
          fill: 0.1,
        },

        points: {
          radius: 8,
          lineWidth: 1,
          show: true,
          symbol: "circle",
          fillColor: customColorVar
        },
        ...
$.plot($("#chartID"), [ Arr_data ], plot1);

1 个答案:

答案 0 :(得分:0)

普通选项无法做到这一点。您可以做的是仅将最后一个数据点复制到第二个数据系列,并且该数据系列使用不同的颜色。这应该从第一个数据系列中得出结论。如果出现问题,您可以更进一步,生成三个数据系列:

  • 一条包含一行的所有数据点,
  • 一个包含所有数据点,但最后一个包含正常颜色的点和
  • 只有另一种颜色的最后一个数据点。