在Highcharts的傳說中爲系列添加不同風格

可以以某種方式爲傳說系列添加不同風格？或者讓它顯示一個漸變正方形而不是空白區域？在Highcharts的傳說中爲系列添加不同風格

例如看看下面搗鼓：

chart: { 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
     color: { 
      linearGradient: [0, 0, 0, 500], 
      stops: [ 
       [0, 'rgb(255, 255, 255)'], 
       [1, 'rgb(100, 100, 155)'] 
      ] 
     } 
    }]

http://jsfiddle.net/wXqM9/

正如你所看到的線是傾斜型的，它是好的，但該系列產品是白色的而不是灰色漸變，我可以不知道爲什麼那樣。謝謝。

來源

2014-04-14 D. Ferragamo

這似乎不可能通過某些設置進行更改。我認爲唯一的修改就是設置一些Javascript來改變圖例中的顏色 – Asped

好吧，對不起，但我不太熟悉highcharts API，我想這是使用格式化程序製作的：函數（）{}，但我不知道如何在圖例中讀取和插入數據，以便我可以選擇任何我想要的樣式。 –

格式化程序功能只能格式化標籤（=文本），而且我還沒有找到更改圖例中顏色標記顏色的選項 – Asped

通常，在Highcharts中定義漸變有兩種方法。一個像素，像你一樣，第二個是百分比（比例：0-1），當設置linearGradient作爲對象時。這裏是第二個例子：http://jsfiddle.net/wXqM9/10/

$('#container').highcharts({ 
    chart: { 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
     color: { 
      linearGradient: {x1: 0, x2: 0, y1: 0, y2: 1}, 
      stops: [ 
       [0, 'rgb(255, 255, 255)'], 
       [1, 'rgb(100, 100, 155)'] 
      ] 
     } 
    }] 
});

當然，梯度行爲以不同的方式。最高點獲得0停止顏色，最低點獲得1個停止顏色。這同樣適用於標記。

來源

2014-04-14 10:41:28

謝謝帕維爾。 –

在Highcharts的傳說中爲系列添加不同風格

回答

相關問題