高图表 - 垂直和水平的渐变

Question

我正在使用HighCharts做一些简单的条形图。图表有时是水平条形图，有时是垂直条形图。有没有办法修改渐变顺序和阴影，取决于它是水平还是垂直？

这是我在js中设置的开始：

function 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']
    ];

垂直图表看起来正确，从浅到深，右侧有阴影：

但是Horziontal倒退了。应该轻盈在上面。底部黑暗，下面有阴影：

如何翻转渐变和阴影，但仅适用于水平条形图？

Answer 1

实际上你在谈论两种不同的图表类型。在HighCharts中，您所指的 水平条形图 只是type: 'bar'。 HighCharts中的 垂直条形图 只是type: 'column'。以下是有关如何控制每种类型着色的示例：

• HighCharts column type
• HighCharts bar type