使用填充不透明度表示多個數據集highcharts

我想用不同的顏色在高圖上對多個數據集進行comapre，但一個數據集完全遮擋另一個，我希望兩個數據集都可見，以便更好地進行比較。使用填充不透明度表示多個數據集highcharts

$(function() { 
// Create the chart 
$('#container').highcharts('StockChart', { 
rangeSelector : { 
    selected : 1 
     }, 
    title : { 
     text : 'AAPL Stock Price' 
     }, 

     series : [{ 
     name : 'AAPL Stock Price', 
     data : [[1146441600000,6], 
          [1146528000000,5], 
          [1146614400000,10], 
          [1146700800000,7], 
          [1146787200000,12], 
          [1147046400000,8], 
          [1147132800000,9]], 
      type : 'area', 
      color:'red' 
     },{ 
      name : 'AAPL Stock Price', 
      data : [ 
            [1146787200000,22], 
            [1147046400000,18], 
            [1147132800000,1]], 
      type : 'area', 
      color:'green' 
     }] 
    });

}）;

轉寄此撥弄http://jsfiddle.net/swesh/ughPE/3/

來源

2014-01-29 Swesh

相反'類型：「area''使用'spline'或'line'。如果創建了線條或樣條曲線[數據點]（http://jsfiddle.net/swesh/ughPE/3/），數據點將可見。 – user2989408

我想顯示曲線佔用的面積圖。 – Swesh

可以使用「RGBA（）」作爲色或把它定義爲十六進制和在下面的例子中使用fillOpacity參數等。

http://jsfiddle.net/ughPE/7/

來源

2014-01-29 11:30:22

如何將這些X值1146787200000,1147046400000,1147132800000轉換爲日期？如果我已經說2012年6月5日2012年6月如何將其轉換爲此格式，反之亦然。 – Swesh

您可以使用格式化程序標籤/工具提示，然後使用Highcharts.dateFormat（）http://api.highcharts.com/highcharts#Highcharts.numberFormat –

假設我的日期格式爲「YYYY-MM-DD」，我怎樣才能得到它的等效數字，就像上面的小提琴1146528000000轉換成5月5日一樣，5 - 5月將如何轉換回那個數字。 – Swesh

使用填充不透明度表示多個數據集highcharts

回答

相關問題