【问题标题】:set a symbol marker with highchart使用 highchart 设置符号标记
【发布时间】:2011-12-12 19:13:27
【问题描述】:

highchart 有一个选项可以让我将标记设置为某个值。

高图文档:

...
     data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, {
        y: 26.5,
        marker: {
           symbol: 'url(/demo/gfx/sun.png)'
        }
     }, 23.3, 18.3, 13.9, 9.6]
...

如您所见,位置 26.5 获得了一个 png 图像作为其标记。

我的问题是:如何将其设置为数组中的某个值?

$.getJSON('ajax/lineChart.ajax.php', function(data) {        
    $.each(data, function(key, value) {
        var series = { 
            data: [ {
                y: 0,
                marker: {
                    symbol: 'url(img/fail.png)'
                }
            }], //data array for new series
            name: key,
            marker: {
                    symbol: 'square'
                }
        }; 
        series.data = value;
        options.series.push(series); // <-------- pushing series object
    });
    var chart = new Highcharts.Chart(options);  
});

我试过这个,但什么也没出现。图表在没有标记的情况下运行。

【问题讨论】:

    标签: javascript jquery arrays highcharts


    【解决方案1】:

    行:

    series.data = value;
    

    覆盖你在

    中写的任何内容
    var series = { 
            data: [ {
    

    我不确定您在“data”变量中有什么,但假设它是 [key:[val1,val2,...],...],尝试将“series.data = value”替换为以下:

    var list= new Array();
    foreach(var v as value){
       if (v==0){ //or what ever condition you need to use a different mark 
          var m={
                y: v,
                marker: {
                    symbol: 'url(img/fail.png)'
                }};
          list.push(m);       
       } 
       else{
          list.push(v);
       }
    }
    series.data = list;
    

    【讨论】:

      猜你喜欢
      • 2012-09-15
      • 1970-01-01
      • 1970-01-01
      • 2012-03-25
      • 2014-07-17
      • 1970-01-01
      • 2020-04-18
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多