非常簡單的 highcharts 柱形圖，帶有兩個 arrays

Question

我正在嘗試制作一個簡單的 highcharts 柱形圖。 highcharts 網站上的文檔比我需要的更復雜，我只是不知道如何為 y 軸使用簡單的數組。 到目前為止，這是我的代碼。

var species=[Acer rubrum,Tsuga canadensis,Pinus strobus];
var counts=[17746,10384,9986];

Highcharts.chart('container', {
  chart: {
    type: 'column'
  },
  title: {
    text: 'Top 10 Species'
  },
  subtitle: {
    text: 'by basal area'
  },
  xAxis: {
    categories: species,
    title: {
      text: 'Species'
    }
  },
  yAxis: {
    min: 0

  },


  series: [{ name: null, data: topSpecies }]
});
}

這給了我沿 x 軸列出的正確物種，但我想要沿 y 的計數，目前它是空白的並且沒有列。 任何幫助表示贊賞！

謝謝你。

Answer 1

對於初學者來說，您還沒有為您的 Y 軸分配任何類別。

yAxis: {
categories: counts,

},

看小提琴。 https://jsfiddle.net/odrga0hL/3/

Answer 2

您對系列數據使用了錯誤的變量。 使用counts而不是topSpecies 。

var species = ['Acer rubrum', 'Tsuga canadensis', 'Pinus strobus'];
var counts = [17746, 10384, 9986];

Highcharts.chart('container', {
    ...,
    series: [{
        name: null,
        data: counts
    }]
});

---

現場演示： http://jsfiddle.net/BlackLabel/yfesv93x/

API 參考： https://api.highcharts.com/highcharts/series.column.data