Question

我的x轴标签正确无法解决问题。我使用highcharts绘制柱形图，但不是使用我的catagories作为标签，而是使用1中的数字 - 无论多少个点都有。

这是代码：

$('#bar').highcharts({

       chart: { 
               borderColor: "#FFFFFF",
               borderRadius: 2,
               backgroundColor: "#D8D8D8",
               renderTo: 'chartdiv3', 
               type: 'column'
       },
       title: { text: 'one year rain' },

       xAxis: [{
         type: "catagory",
         catagories: [

            '09/19',

            '09/12',

            '09/05',

            '08/29',

            '08/22',

            '08/15',

            '08/08',

            '08/01',

            '07/25',

            '07/18',

            '07/11',

            '07/04',

          '10/12'
         ],
         labels: {
           rotation: -45,
           style: {
                fontSize: '13px',
                fontFamily: 'Verdana, sans-serif'
           }
         },
         title: {
           text: 'week ending'
         }
       }],

       yAxis: {
         title: { text: 'inches'}
       },


       plotOptions: {
         column: {
          pointPadding: 0.2,
          borderWidth: 0
         }
       },

       // must move the month ahead because javascript indexes a month as a number between 0 and 11
       series: [{
         name: 'rain',
         color: "#2E64FE",
         type: "column",
         data: [

              0.0,      

              0.05,      

              0.2,      

              0.02,      

              1.48,      

              0.38,      

              1.75,      

              2.74,      

              1.07,      

              0.36,      

              2.72,      

              0.1,      

             0.0
         ]
       }]

     });

图表看起来很好，但工具提示和x轴底部的标签只显示数字1-12。

我感谢这里的任何提示。我到处搜寻。

Answer 1

你拼写了＃34;类别＆＃34;不正确。

这样的事情应该有效：

 categories: ['Apples', 'Bananas', 'Oranges']

在highcharts柱形图上的类别问题

1 个答案: