highcharts - 如何将背景图像(图案)添加到 highchart 柱形图?

标签 highcharts background-image

我是第一次使用 highcharts.js。看起来很棒很强大,到目前为止我很喜欢它。

但是,我正在尝试让我的柱状图看起来更性感一点,但我很难找到关于如何做到这一点的信息,至少在为柱使用重复背景图像方面。

这是我设计的:enter image description here

最佳答案

你可以使用这个添加模式

      color: {
                pattern: 'https://rawgithub.com/highslide-software/pattern-fill/master/graphics/pattern3.png',
                width: 6,
                height: 6
            }

相应地修改以适应您在 seriesData 中的需要

演示 - Fiddle Here

enter image description here

关于highcharts - 如何将背景图像(图案)添加到 highchart 柱形图?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14326794/

相关文章:

javascript - Highcharts 显示/隐藏所选点的数据标签

jquery - UIWebview 在 jquery 部分不滚动

css - 如何在不丢失 Firefox 和 WebKit 浏览器中的默认边框的情况下将背景图像应用于文本输入?

javascript - 如何为 highcharts 创建 Json 格式的数据

javascript - Highcharts 在 y 轴上自定义缩放 - 线性和对数的混合

javascript - 在 Highcharts 中对堆叠条形图进行分组

html - 这些背景图像如何保持固定状态?

javascript - 在 Webkit 和 Edge(jQuery 和 vanillaJS)上滚动时出现抖动/闪烁的背景图像

html - 作为背景图像的 SVG 在 IE9 中无法正确显示

jquery - 背景图像中的淡入淡出