1

我正在使用 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']
    ];

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

但是Horziontal倒退了。顶部应该是轻的。底部深色，下方有阴影： 水平条形图翻转

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

4

1 回答 1

0

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

于 2012-08-09T15:48:32.940 回答