系列隱藏時動態地從柱更新系列類別以線[Highcharts 3.0]

http://jsfiddle.net/jriggs/8Sg8K/17/系列隱藏時動態地從柱更新系列類別以線[Highcharts 3.0]

通過敲擊更新按鈕看到它。

理想情況下，我只想讓線條系列出現在列的頂部，如調整z-index，如果這是有道理的。

我試過禁用動畫沒有運氣。似乎與該系列宣佈的訂單有關 - 但不確定。

$(function() { 
var chart; 
$(document).ready(function() { 
    chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type: 'line' 
     }, 
     title: { 
      text: 'Monthly Average Temperature' 
     }, 
     series: [{ 
      name: 'Tokyo', 
      data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5] 
     },{ 
      name: 'Cleveland', 
      data: [10, 4, 11, 14.5, 18.2, 21.5] 
     }] 
    }, 

    function (chart) { 
     $('#btn').click(function() { 

      chart.series[0].update({ 
       type: "column" 
      }); 

     }); 
    }); 
    }); 
});

來源

2013-07-11 jriggs

只需調整zIndex每個系列就像你說：

series: [{ 
      name: 'Tokyo', 
      data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5], 
      zIndex: 10 
     },{ 
      name: 'Cleveland', 
      data: [10, 4, 11, 14.5, 18.2, 21.5], 
      zIndex: 20 
     }]

看到它運行here。

來源

2013-07-11 20:34:30 ssarabando

我不知道哪些系列將更改爲直到運行時。你知道是否有辦法明確指出這一系列將始終顯示在最前面？ – jriggs

AFAIK no。但我想你可以遞增用戶（我假設）將選擇的系列的'zIndex'，並根據需要遞減其他用戶。或者迭代你的負載序列，並確保第一行的'zIndex'大於其他行。 – ssarabando

或者你可以爲列系列和行系列定義索引，並且當使用'update（）'設置類型到列系列時，還設置新的zIndex。從列類型返回樣條曲線時，請參閱：http://jsfiddle.net/8Sg8K/19/ –

系列隱藏時動態地從柱更新系列類別以線[Highcharts 3.0]

回答

相關問題