Highcharts - 隱藏在圖表組合中的線性圖表

高度圖表examples和combination of graphs，適用於線條和圖形。他們似乎也很好地重疊。但是，當我首先將線性圖移動顯示時，它會隱藏在其餘圖的後面。 [ Linear chart hidden ] 或Highcharts - 隱藏在圖表組合中的線性圖表

將「行」移動顯示首先將其隱藏在其餘數據的後面。我希望該行仍然顯示，但它必須是映射到該圖的第一條數據：

在第二個示例鏈接中，更新代碼，從而將線性圖隱藏在其餘圖表的後面：

$(function() { 
    $('#container').highcharts({ 
     title: { 
      text: 'Combination chart' 
     }, 
     xAxis: { 
      categories: ['Apples', 'Oranges', 'Pears', 'Bananas', 'Plums'] 
     }, 
     labels: { 
      items: [{ 
       html: 'Total fruit consumption', 
       style: { 
        left: '50px', 
        top: '18px', 
        color: (Highcharts.theme && Highcharts.theme.textColor) || 'black' 
       } 
      }] 
     }, 
     series: [{ 
      type: 'spline', 
      name: 'Average', 
      data: [3, 2.67, 3, 6.33, 3.33], 
      marker: { 
       lineWidth: 2, 
       lineColor: Highcharts.getOptions().colors[3], 
       fillColor: 'white' 
      } 
     },{ 
      type: 'column', 
      name: 'Jane', 
      data: [3, 2, 1, 3, 4] 
     }, { 
      type: 'column', 
      name: 'John', 
      data: [2, 3, 5, 7, 6] 
     }, { 
      type: 'column', 
      name: 'Joe', 
      data: [4, 3, 3, 9, 0] 
     }, { 
      type: 'pie', 
      name: 'Total consumption', 
      data: [{ 
       name: 'Jane', 
       y: 13, 
       color: Highcharts.getOptions().colors[0] // Jane's color 
      }, { 
       name: 'John', 
       y: 23, 
       color: Highcharts.getOptions().colors[1] // John's color 
      }, { 
       name: 'Joe', 
       y: 19, 
       color: Highcharts.getOptions().colors[2] // Joe's color 
      }], 
      center: [100, 80], 
      size: 100, 
      showInLegend: false, 
      dataLabels: { 
       enabled: false 
      } 
     }] 
    }); 
});

來源

2016-10-11 Loser Coder

您只需使用索引在系列設置你的系列的索引（例如，如果你想在前面有線條系列）。在這裏你可以看到一個例子，它是如何工作的：http://jsfiddle.net/aurvdk62/如果這個例子符合你的要求，我將把它作爲回答發佈 –

我需要'平均'成爲第一部分數據'x軸'[平均，簡，約翰，喬]。在你的例子中，它是最後一個索引：5 –

嘗試圖例：{reversed：true}選項，但有沒有辦法在某個數據元素上設置'reverse：true'？ –

您應該可以使用series.legendIndex參數製作圖表。您可以找到有關此參數Highcharts API的更多信息： http://api.highcharts.com/highcharts/series.legendIndex

series: [{ 
    type: 'spline', 
    name: 'Average', 
    legendIndex: 0, 
    data: [3, 2.67, 3, 6.33, 3.33], 
    index: 5, 
    marker: { 
    lineWidth: 2, 
    lineColor: Highcharts.getOptions().colors[3], 
    fillColor: 'white' 
    } 
}, { 
    legendIndex: 1, 

    type: 'column', 
    name: 'Jane', 
    data: [3, 2, 1, 3, 4] 
}, { 
    legendIndex: 2, 

    type: 'column', 
    name: 'John', 
    data: [2, 3, 5, 7, 6] 
}, { 
    legendIndex: 3, 

    type: 'column', 
    name: 'Joe', 
    data: [4, 3, 3, 9, 0] 
}, { 
    type: 'pie', 
    name: 'Total consumption', 
    data: [{ 
    name: 'Jane', 
    y: 13, 
    color: Highcharts.getOptions().colors[0] // Jane's color 
    }, { 
    name: 'John', 
    y: 23, 
    color: Highcharts.getOptions().colors[1] // John's color 
    }, { 
    name: 'Joe', 
    y: 19, 
    color: Highcharts.getOptions().colors[2] // Joe's color 
    }], 
    center: [100, 80], 
    size: 100, 
    showInLegend: false, 
    dataLabels: { 
    enabled: false 
    } 
}]

在這裏你可以找到一個例子，說明你的圖表可以使用此參數： http://jsfiddle.net/aurvdk62/9/

來源

2016-10-19 12:22:02

Highcharts - 隱藏在圖表組合中的線性圖表

回答

相關問題