Question

我可以以某种方式为传奇系列添加不同的风格吗？或者让它显示渐变方块而不是空格？

例如，请看下面的小提琴：

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/

正如你所看到的那条线是一种渐变类型而且没关系，但系列是白色而不是灰色渐变，我无法弄清楚它为什么会这样。感谢。

Answer 1

通常，在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站颜色。这同样适用于标记。

在Highcharts中为图例中的系列添加不同的样式

1 个答案: