javascript - 如何只显示 Flot 图表的最后一点

标签 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,
        }

最佳答案

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

关于javascript - 如何只显示 Flot 图表的最后一点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47572394/

相关文章:

javascript - 浏览器私有(private)全局变量

javascript - 如何忽略重复使用键码?

javascript - 如何使用 javascript 查找和突出显示文本,甚至在某些元素中标记了文本?

javascript - 带有填充属性的 SVG 矩形出现在包含元素插入框阴影的上方

html - 我可以使用 CSS float 实现这种布局吗?

javascript - 第二次单击按钮时切换反向动画

javascript - 'undefined' 不是一个函数(评估 '$(document).on' )

jquery - 需要 jQuery 自动功能

Jquery根据值选择文本区域

html - 如何从背景图像中删除可见像素