javascript – Dojo折线图上的自定义标记/工具提示

前端之家收集整理的这篇文章主要介绍了javascript – Dojo折线图上的自定义标记/工具提示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在使用Dojo 1.8创建一个折线图,我用它绘制时间序列数据.数据包括24个周期内每5分钟采集的样本,最多可提供288(12×24)个数据点.

为了在图表上有工具提示,我需要在图表上启用标记(dojo需要这个).问题是默认情况下,dojo会为每个数据点创建一个标记,这会导致标记太多.理想情况下,我会显示最新数据点的单个标记,也可能每隔一两小时显示一次标记.

可以自定义标记的外观,但到目前为止,我还没有找到任何方法自定义标记出现的频率.任何建议都会非常受欢迎.

最佳答案
尝试使用MarkersOnly模块:

require(["dojox/charting/Chart","dojox/charting/axis2d/Default","dojox/charting/plot2d/Lines","dojox/charting/plot2d/MarkersOnly","dojox/charting/Series","dojo/ready"],function(Chart,Default,Lines,MarkersOnly,Series,ready) {
  ready(function(){
    var chart = new Chart("simplechart");
        chart.addPlot("plot_lines",{ type: Lines });
        chart.addPlot("plot_markers",{ type: MarkersOnly });
        chart.addAxis("x");
        chart.addAxis("y",{vertical:true});
        chart.addSeries("series_lines",[4,2,6,4,5,8,1,7,9]);
        // if you want your markers at data points 6 and 7;
        chart.addSeries("series_markers",[{x:3,y:6},{x:9,y:7}],{ plot: "plot_markers",stroke: { color: "blue" } });
        chart.render();
  });
});

猜你在找的JavaScript相关文章