如何向 Highcharts 图例和条形图添加点？

发布于 2025-01-10 05:04:43 字数 684 浏览 1 评论 0原文

现在，我的酒吧和图例看起来像这样。它只是单一颜色。

但是，我正在尝试添加默认图案填充中不存在的图案。我希望它看起来像这样。

我在网上查了很多资料，但似乎找不到任何可以帮助我的东西这里。我有该图案的 SVG 和 PNG。谁能帮助我吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

萌︼了一个春 2025-01-17 05:04:43

<script src="https://code.highcharts.com/modules/pattern-fill.js"></script>

 series: [{
    showInLegend: true,
    type: 'bar',
    color: {
      pattern: {
        image: 'https://freesvg.org/img/dot-seamless-pattern.png',
        width:150,
        height:150
      }
    },

您可以在任何可以使用颜色的地方将图像设置为图案。我在这里使用了 png，但我推荐使用 svg。

https://jsfiddle.net/blaird/2jwL13oc/1/

<script src="https://code.highcharts.com/modules/pattern-fill.js"></script>

 series: [{
    showInLegend: true,
    type: 'bar',
    color: {
      pattern: {
        image: 'https://freesvg.org/img/dot-seamless-pattern.png',
        width:150,
        height:150
      }
    },

You can set an image as a pattern anywhere you can use a color. I used a png here, but I would recommend an svg.

https://jsfiddle.net/blaird/2jwL13oc/1/

回复收藏 0 原文

~没有更多了~