2015-04-29 100 views
4

我正在使用Highcharts,我曾经可以在侧面获得标签..但现在不工作,我是否错过了一些东西? 红色箭头是我希望像在下面的例子中Highcharts侧面的X轴标签

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-basic/

enter image description here

这是我使用的代码标签,我在一个动态的方式加入系列。

credits: { 
       enabled: false 
      }, 
      chart: { 
       type: 'bar' 
      }, 
      xAxis: { 
       categories: ['Jan', 'Feb'], 
       labels: { 
        enabled: true, 
       } 
      }, 
      yAxis: { 
       min: 0, 
       max: 100, 
       title: { 
        text: 'Score', 
        align: 'high' 
       } 
      }, 
      plotOptions: { 
       bar: { 
        dataLabels: { 
         enabled: true 
        } 
       } 
      } 
     }); 

     // Add Series 
     var detailchart = $('#chart-detail').highcharts(); 
     var categories = new Array; 

     // Set Chart Title 
     detailchart.setTitle({text: results[0].category}); 

     $.each(results, function(i, data){ 
      categories.push(data.name); 
      detailchart.addSeries({ 
       name: data.name, 
       data: [data.score] 
      }); 
     }); 

     detailchart.xAxis[0].setCategories(["1", "2"]); 
     $('#chart-detail').highcharts().reflow(); 

结果是一个数组,看起来像这样(我得到它通过Ajax)

enter image description here

任何帮助,将不胜感激! 谢谢

+0

有没有你的形象和的jsfiddle任何区别你联系?看起来和我一样。 –

+0

确实,这就是我不明白的 – Notflip

+0

我从屏幕截图中可以看到的最明显的事情是,您只有数据被分配到一个类别(“我的商业机敏”)。这就可以解释为什么你有四个酒吧挂在同一个x轴标签。我也很想知道为什么要在图表选项中定义一对类别,然后再用'setCategories'在代码中再进一步。这**可能是为什么你的标签显示为“0”,而不是你想要的名称。 –

回答

0

只有你需要的是使用4个系列,每个系列都有单个数据点。

series: [{ 
     name: 'Year 1800', 
     data: [107] 
    }, { 
     name: 'Year 1900', 
     data: [138] 
    }, { 
     name: 'Year 2008', 
     data: [973] 
    },{ 
     name: 'Year 20098', 
     data: [973] 
    }] 

例子:http://jsfiddle.net/y9wzggc4/

+0

这在左侧边栏中也显示为零?不是这个名字?谢谢! – Notflip