玫瑰图 · rose

南丁格尔玫瑰图。type="rose"。Demo 页：/pages/demo/charts/rose（面积 / 半径渐变 / 自定义标签）。

数据

没有 categories。扇区写在 series[0].data：{ name, value }。半径随 value 变化。

示例

<view class="chart-box">
  <lingyun-ui-charts
    type="rose"
    :chartData="chartData"
    :opts="chartOpts"
  />
</view>

const chartData = {
  series: [
    {
      data: [
        { name: '一店', value: 50 },
        { name: '二店', value: 30 },
        { name: '三店', value: 20 },
        { name: '四店', value: 18 },
        { name: '五店', value: 8 },
      ],
    },
  ],
}

const chartOpts = {}

.chart-box {
  width: 100%;
  height: 280px;
}

接法、属性、事件见图表总览。