當使用highcharts創建一個橫向放置的堆疊列的colunm圖時，highcharts繪圖實例默認是從右到左堆疊(即series中index=0的在最右邊，index=1的放在index=0的左邊)，如下圖所示，圖例legend的順序與預期順序相同，而圖中的column item順序與預期相反。(legend 1 2 3, column item 3 2 1)

想要達成同序，需要用到stockOptions.series.index或者 stockOptions.series.legendIndex，調整legendIndex的順序

舉個簡單的例子

series: [
  {
    name: "TMT",
    data: dataArr0,
    index:1,
    legendIndex:0
  },
  {
    name: "醫藥",
    data: dataArr1,
    index:0,
    legendIndex:1
  }
]

調整legendIndex和index 最終達到legend從左到右，同時column item也從左到右

結束

=======分割線======
題外話，還有一個stockOptions.series.showInLegend 選項
設置stockOptions.series.showInLegend = false; 圖例就不會在下面圖例區域展示出來

同步更新到自己的語雀
https://www.yuque.com/diracke...