title: Echarts : How can I use it to draw a Nightingale with describe two data?
body: <p><a href="https://i.stack.imgur.com/CerYm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CerYm.png" alt="enter image description here"></a></p>
  
  <p>Here is the map.I want it to describe two diffrent data. 
  Use area to describe sum of orders ,and angle describe number of orders. 
  Now I know type = "pie" and  roseType = true can draw Nightingale. 
  But the data just can be only one, area and angle is the same percent. 
  Help me ! thx!
  (Forgive my pull English.Ծ‸ Ծ )</p>
  
  <pre><code>&lt;style&gt;
  
      .data-bac{box-shadow: 1px 2px 5px #333;border-radius: 8px;background-color: #fff;}
      .data-img{width:700px;height: 482px;float:left;margin-bottom:20px;}
  &lt;/style&gt;
  &lt;div class='data-img data-bac' id='data-img'&gt;&lt;/div&gt;
  &lt;script&gt;
      var app = echarts.init(document.getElementById('data-img'));
      app.title = '嵌套环形图';
      var sum = [1200,1300,1400,1500] //here is the total money of area ,symbol for 苏州，常州，上海，无锡
      var option = {
          tooltip: {
              trigger: 'item',
              formatter: "{a} &lt;br/&gt;{b}: {c} ({d}%)"
          },
          legend: {
              orient: 'vertical',
              right:"8%",
              bottom:"8%",
              data: ["苏州","常州","无锡","上海"]
          },
          color:['#006699', '#00CC33','#000','#006600'],
          series: [{
              name:'注册用户数量的渠道分布',
              type:'pie',
              radius: ['30%', '55%'],
              roseType : true,
              data: [{
                  value: 10,//here is the num of area
                  name: '苏州'
              },{
                  value: 20,//here is the num of area
                  name: '常州'
              },{
                  value: 30,//here is the num of area
                  name: '无锡'
              },{
                  value: 40,//here is the num of area
                  name: '上海'
              }],
          }],
          backgroundColor:{color:"rgb(255,255,255)"}
      };
      // 使用刚指定的配置项和数据显示图表。
      app.setOption(option);
  
  &lt;/script&gt;
  </code></pre>