高圖 - 垂直和水平的梯度

我正在使用HighCharts來做一些簡單的條形圖。圖表有時是水平條形圖，有時是垂直條形圖。有沒有辦法根據水平還是垂直來修改漸變順序和陰影？高圖 - 垂直和水平的梯度

這裏是我的設置在js開頭：

功能buildChart（CTYPE，cTitle，categoriesX，Titley的，seriesData1，isPercent）{

var flipLabels = 0, 
    labelSpace = 40, 
    labelWidth = 160, 
    labelHeight = 60, 
    labelAlign = 'center', 
    labelSize = 12, 
    labelSpacingY = 30, 
    labelSpacingX = 0, 
    yAxisLineColor = null, 
    yAxisTitle = '', 
    chartWidth = 800, //$('#chart_modal').width(), 
    chartHeight = (60 * categoriesX.length) + 150, 
    perShapeGradient = { 
     x1:0, 
     y1:0, 
     x2:1, 
     y2:0 
    }, 
    gradientBuild = [ 
     [0, '#6482fb'], 
     [1, '#5775df'] 
    ];

垂直圖表看起來是正確的，淺到深，與右邊的影子： Vertical charts look correct

但Horziontal倒退。應該是最重要的。底部暗處，陰影如下： Horizontal bar charts are flipped

如何翻轉漸變和陰影，但僅限於水平條形圖？

來源

2012-08-09 Keefer

其實你說的是兩種不同的圖表類型。你所指的水平條形圖在HighCharts中只是type: 'bar'。 A 垂直條形圖在HighCharts中只是type: 'column'。下面是關於如何控制陰影每種類型的樣本：

來源

2012-08-09 15:48:32 Linger

我更新了我的答案來說明如何控制陰影偏移寬度和顏色。 – Linger 2012-08-10 12:40:16

我在設置陰影時遇到了麻煩。我的系列通過兩個變量的設置：系列： \t \t \t { \t \t \t \t名稱：Titley的， \t \t \t \t數據：seriesData1 \t \t \t} \t \t] 當我加上陰影，沒有什麼變化。任何想法爲什麼會這樣？ – Keefer 2012-08-10 15:50:03

您必須在您的頁面中包含'' – Linger 2012-08-10 19:44:09

高圖 - 垂直和水平的梯度

回答

相關問題