qiun-data-charts 使用地图map图表

iun-data-charts 是一个用于微信小程序的图表库，它支持多种类型的图表，包括地图（Map）。要使用 qiun-data-charts 绘制地图（Map）图表，你需要遵循以下步骤：

1. 确保已经在小程序项目中引入了 qiun-data-charts 组件。

2. 准备好地图的相关数据，包括地图上每个区域的名称、经纬度等信息。

3. 使用 qiun-data-charts 组件，并设置 type 属性为 map 来指定使用地图图表。

4. 设置 series 属性来定义地图上显示的数据和样式。

以下是一个简单的例子，展示如何在微信小程序中使用 qiun-data-charts 组件绘制地图：

<view class="container">
  <qiun-data-charts type="map" canvas2d="true" background="{{'#FFFFFF'}}" series="{{series}}" />
</view>

Page({
  onReady: function (e) {
    this.chart = this.selectComponent('#mychart-dom-map');
    this.initChart();
  },
  initChart: function () {
    this.chart.init((canvas, width, height) => {
      const chart = new this.chart.Canvas2DRenderer(canvas, width, height);
      // 这里是地图的配置和数据
      const series = [
        {
          type: 'map',
          geoIndex: 0,
          data: [
            { name: '北京', value: 100 },
            // ... 其他城市和省份的数据
          ]
        }
      ];
 
      // 设置地图的样式和配置
      const options = {
        geo: [
          {
            map: 'china',
            // ... 其他地图配置项
          }
        ],
        // ... 其他全局配置项
      };
 
      chart.setOption(series, options);
      this.chart.renderChart(chart);
    });
  }
});