Highcharts條形圖不顯示yaxis值

我正面臨顯示圖形中y軸值的問題。這是我的代碼：Highcharts條形圖不顯示yaxis值

var options = { 
      chart: { 
       renderTo: 'charts_container', 
       type: 'column' 
      }, 
      title: { 
       text: selecte_company+' '+duration+' '+selecte_branch+' '+selected_menu 
      }, 
      colors: ['#ABD373', '#FFD285', '#EC5657'], 
      legend: { 
       itemStyle: { 
        color: '#737979' 
       } 
      }, 
      xAxis: { 
       categories: xAxis 
      }, 
      yAxis: { 
       title: { 
        text: yAxis 
       } 
      }, 
      plotOptions: { 
       column: { 
        pointPadding: 0.2, 
        borderWidth: 0 
       } 
      }, 
      series: [{}] 
     }; 
     $.getJSON(dataLink, function(data) { 
     console.log("data"); 
     console.log(data); 
     console.log(data.length); 
     console.log(data[0].data.length); 
      if (data[0].data.length == 0) { 
       $('#charts_container').html('<p id="defalip";>No data found..</p>'); 
      } else { 
       options.series = data; 
       var chart = new Highcharts.Chart(options); 
      } 
     });

我的JSON是：

[{"name":"value1","data":[[0.91]]},{"name":"valur4 %","data":[[42.63]]}]

我想告訴我的數據是這樣的：

來源

2016-02-26 Gowrishankar Reddy Jinka

如果你看看在你的數據[{"name":"value1","data":[[0.91]]},{"name":"valur4 %","data":[[42.63]]}]你有name設置爲valueXXX - 這是xAxis上顯示的內容。如果您希望您的圖表看起來像降雨示例，最好查看用於渲染的實際code。你可以看到，有多個系列：

series: [{ 
    name: 'Tokyo', 
    data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 

}, { 
    name: 'New York', 
    data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3] 

}, { 
    name: 'London', 
    data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2] 

}, { 
    name: 'Berlin', 
    data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1] 
}]

除了爲x軸的類別是什麼的定義：

xAxis: { 
    categories: [ 
    'Jan', 
    'Feb', 
    'Mar', 
    'Apr', 
    'May', 
    'Jun', 
    'Jul', 
    'Aug', 
    'Sep', 
    'Oct', 
    'Nov', 
    'Dec' 
    ], 
    crosshair: true 
},

在你的代碼有

xAxis: { 
     categories: xAxis 
    },

我不看看你在哪裏定義你的xAxis列表。

要重現類似演示的圖形，您需要生成多個系列並創建一個xAxis.categories數組來保存每個系列中的每個點將具有xAxis標籤。

來源

2016-02-26 12:47:13 wergeld

儘管所有的優點，我不認爲這回答了爲什麼在y軸上沒有標籤的問題（我也不知道，似乎有一個數據格式問題，可能是問題的一部分雖然） – jlbriggs

@jlbriggs同意。看起來好像OP是一開始就錯誤的。可能與他們的'類別：xAxis'代碼有關。 – wergeld

我不認爲這是一個數據格式問題，請參閱：http：//jsfiddle.net/8n7q2fyd/但我想，在某些地方OP使用'Highcharts.setOptions（）'，它設置默認值，如格式化等。只是圖表的屏幕截圖看起來很奇怪 - 翻譯所有標籤（xAxis.category和yAxis.title）。 –

Highcharts條形圖不顯示yaxis值

回答

相關問題