Highcharts - 垂直和水平渐变

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