实时监控之ajax动态填充highcharts数据遇到的问题

前言:

    话说,一些数据多的话,适合用区域图这样的图表,如果非要用line折线图的话,会发现 整个图表十分的紧凑,图表中每个数据点的tooltip都造成图表的不美观。 

这个针对redis的监控也只是临时性质的。为了方便的看到关于数据分析的队列,如果有超过阀值会进行报警。 

老规矩,防止爬虫,注释原文为 blog.xiaorui.cc



上面的图实在是有些乱,看了下文档,发现可以修改 plotOptions选项来优化图表的样子。 

plotOptions: {
          spline: {
              lineWidth: 4,
              states: {
                  hover: {
                      lineWidth: 5
                  }
              },
              marker: {
                  enabled: false
              },
              pointInterval: 3600000, // one hour
              pointStart: Date.UTC(2009, 9, 6, 0, 0, 0)
          }
      },

这里说下关于marker的选项。 

marker标记
 
enabled 启用或禁用点标记  true
fillColor  点标记的填充颜色  null
lineColor  点标记的外边框线的颜色  #FFFFFF
lineWidth  点标记的外边框线的宽度 0.0
radius  点标记的半径   0.0
states   状态,参加四级标题states

symbol   为标记预先定义的形状或标志
 


大家觉得文章对你有些作用! 如果想赏钱,可以用微信扫描下面的二维码,感谢!
另外再次标注博客原地址  xiaorui.cc

发表评论

邮箱地址不会被公开。 必填项已用*标注