如何仅显示Flot图表的最后一个点

时间:2017-11-30 11:29:08

标签: javascript jquery css flot

我制作了一个使用下面设置的Flot图表,图中所示的图表是一条4点(每次)。我只希望显示最后一个点(点)。你知道我该怎么办? (或者你可以告诉我一种方法,以便在我的图表中加一步并在3点后仅显示点?)

var chart_plot_01_settings = {
          series: {

            lines: {
              show: false,
              fill: 1,  
            },

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

            points: {
              radius: 8,
              lineWidth: 1,
              show: false,
              symbol: "circle",
              fillColor: SentimentCircle
            },

            shadowSize: 1

          },
          grid: {
            verticalLines: true,
            hoverable: true,
            clickable: true,
            tickColor: "#000",
            borderWidth: 1,
            color: '#fff'
          },
          colors: ['#888'],

          xaxis: {
            tickColor: "#fff",
            mode: "time",
            tickSize: [1, "month"],
            axisLabel: "month",
            axisLabelUseCanvas: true,
            axisLabelFontSizePixels: 12,
            axisLabelFontFamily: 'Verdana, Arial',
            axisLabelPadding: 10
          },
          yaxis: {
            show: false,
            ticks: 8,
            tickColor: "#fff",
          },
           tooltip: false,
        }

1 个答案:

答案 0 :(得分:0)

普通选项无法做到这一点。您可以做的是仅将最后一个数据点复制到第二个数据系列,对于该数据系列,在选项中使用points: { show: true }来显示该点。