在Highcharts的传说中为系列添加不同风格

可以以某种方式为传说系列添加不同风格？或者让它显示一个渐变正方形而不是空白区域？在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: [0, 0, 0, 500], 
      stops: [ 
       [0, 'rgb(255, 255, 255)'], 
       [1, 'rgb(100, 100, 155)'] 
      ] 
     } 
    }]

http://jsfiddle.net/wXqM9/

正如你所看到的线是倾斜型的，它是好的，但该系列产品是白色的而不是灰色渐变，我可以不知道为什么那样。谢谢。

来源

2014-04-14 D. Ferragamo

这似乎不可能通过某些设置进行更改。我认为唯一的修改就是设置一些Javascript来改变图例中的颜色 – Asped

好吧，对不起，但我不太熟悉highcharts API，我想这是使用格式化程序制作的：函数（）{}，但我不知道如何在图例中读取和插入数据，以便我可以选择任何我想要的样式。 –

格式化程序功能只能格式化标签（=文本），而且我还没有找到更改图例中颜色标记颜色的选项 – Asped

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

来源

2014-04-14 10:41:28

谢谢帕维尔。 –

在Highcharts的传说中为系列添加不同风格

回答

相关问题