在 Highcharts 中增亮颜色？

Question

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

提前致谢

Answer 1

Highcharts.Color 是一个给定颜色代码的函数，给你一个对象。该对象包含您正在使用的 brighten 函数。所以是的，这很重要，除非您编写自己的函数来执行类似的操作。

它实际上为您提供了涉及亮度的 rgb(xx,yy,zz) 版本。我不知道还有其他众所周知的函数或方法可以执行此操作，因此我建议您继续使用它。

看看这些问题，你会发现改变亮度不是一件容易的事：

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

Answer 2

Highcarts.Color()接受rgb()和rgba() 值，但不是纯 HTML/CSS-Color 代码。将参数放在引号中。

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')]  
    ]               
},

在 Highcharts 中增亮颜色？

Brighten Color in Highcharts?

highcharts