在Highcharts中提亮颜色?

时间:2015-02-18 22:27:24

标签: highcharts

要让高图中的颜色变亮,我必须这样写吗? :

color: {
  linearGradient: [0,500,0,750],
  stops: [
    [0,Highcharts.Color('#E60028').brighten(0.1).get('rgb')],
    [1,Highcharts.Color('#5A000A').brighten(0.1).get('rgb')]  
    ]               
},

还是有另一种方式?

例如:

color: {
  linearGradient: [0,500,0,750],
  stops: [
    [0,('#E60028').brighten(0.1).get('rgb')],
    [1,('#5A000A').brighten(0.1).get('rgb')]  
    ]               
},

我想知道放Highcharts.Color

是否重要

提前致谢

2 个答案:

答案 0 :(得分:3)

Highcharts.Color 是一个给出颜色代码的函数,给你一个对象。该对象包含您正在使用的增亮功能。所以是的,这很重要,除非你编写自己的函数来做类似的事情。

它实际上为您提供了涉及亮度的 rgb(xx,yy,zz) 版本。我不知道其他任何众所周知的功能或方法,所以我建议你继续使用它。

看看这些问题,你会发现改变亮度并非易事:

  1. JavaScript Calculate brighter colour
  2. Increase CSS brightness color on click with jquery/javascript?

答案 1 :(得分:0)

Highcarts.Color()接受 rgb() rgba()值,但不接受纯HTML / CSS颜色代码。将参数放在引号中。

color: {
  linearGradient: [0,500,0,750],
  stops: [
    [0,Highcharts.Color('rgb(230, 0, 40)').brighten(0.1).get('rgb')],
    [1,Highcharts.Color('rgb( 90, 0, 10)').brighten(0.1).get('rgb')]  
    ]               
},