当前位置：文江博客话题详情

钻取后的 FillPattern 深入到 Highchart-react 上的国家/地区

发布于 2025-01-11 09:52:30 字数 363 浏览 0 评论 0原文

有人可以帮助我，在我从世界深入到每个国家后，我需要在省/城市上填充图案，然后图像将显示在我想要的国家/地区的省/城市

示例上：在此处输入图像描述

实例：https://codesandbox.io/s/highcharts-react -demo-forked-1f04sp?file=/demo.jsx

原文

分享到QQ

分享到微博

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

发布评论

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

苏大泽ㄣ 2025-01-18 09:52:30

我为美国准备了一个演示，您可以在其中了解如何应用向下钻取系列的填充图案。

events: {
  drilldown(e) {
    const chart = this;
    chart.addSeriesAsDrilldown(e.point, {
      data: data,
      name: 'USA',
      dataLabels: {
        enabled: true,
        format: '{point.properties.postal-code}'
      },
      color: {
        pattern: {
          aspectRatio: 3 / 2
        }
      },
    });
            // this part is a workaround for the bug
            chart.setSize(void 0, void 0, false);
            
            setTimeout(()=>{
                // try set size in here to keep the initial animation and change the fill
                // after the set timeout time
            }, 500);
  }
}

演示：https://jsfiddle.net/BlackLabel/p1o4dwge/

I prepared a demo for the USA where you can see how to apply the fill pattern for the drilldowned series.

events: {
  drilldown(e) {
    const chart = this;
    chart.addSeriesAsDrilldown(e.point, {
      data: data,
      name: 'USA',
      dataLabels: {
        enabled: true,
        format: '{point.properties.postal-code}'
      },
      color: {
        pattern: {
          aspectRatio: 3 / 2
        }
      },
    });
            // this part is a workaround for the bug
            chart.setSize(void 0, void 0, false);
            
            setTimeout(()=>{
                // try set size in here to keep the initial animation and change the fill
                // after the set timeout time
            }, 500);
  }
}

Demo: https://jsfiddle.net/BlackLabel/p1o4dwge/

回复收藏 0 原文

~没有更多了~