javascript - 是否可以在具有多个停靠点的 Highcharts 中呈现线性渐变?

标签 javascript highcharts

我正在尝试创建一个柱形图,它呈现一个线性渐变,该渐变在柱的中心较亮(就好像它是一个圆柱体)。我似乎无法弄清楚是否有可能让 highcharts 创建一个不止一站的线性渐变。

这是我的代码:

{
        linearGradient: [0, 0, 100, 0],
        stops: [[0, '#12a2e9'], [1, '#ffffff'],[0, '#ffffff'], [1, '#12a2e9']]
}

最佳答案

我认为如果停靠点是这样的话它会起作用:

停止:[[0, '#12a2e9'], [0.5, '#ffffff'],[1, '#12a2e9']]

停止中的第一个数字是百分比。这可能有用:

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Applying_styles_and_colors#A_createLinearGradient_example

关于javascript - 是否可以在具有多个停靠点的 Highcharts 中呈现线性渐变?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8843709/

相关文章:

javascript - 如何在javascript中获取两个日期时间之间的时差?

javascript - 集合与有序集合

jquery - HighCharts/jQuery : chart. 重绘速度慢 - 可以提高速度吗?

r - Highcharter 中的手动轴标签

javascript - 如何制作不隐藏非钻取类别的 HighCharts 钻取柱形图/条形图

javascript - 将 Highcharts 与 Rails 6 结合使用

javascript - 将Web Mercator磁贴重新投影到D3的任意投影?

javascript - 验证 Facebook X-Hub-签名

javascript - 在 angularjs 服务中缓存数组

highcharts - 在 Highcharts 中格式化 float