[GitHub] rweller59 opened a new issue #9297: Nested Pie Chart: how do I add custom label and define pie slice color

[GitBox <gi...@apache.org>]

rweller59 opened a new issue #9297: Nested Pie Chart:  how do I add custom label and define pie slice color
URL: https://github.com/apache/incubator-echarts/issues/9297
 
 
   I am trying to figure out how to add custom labels and colors to a pie chart. I've got a nested pie chart and the outer ring is like a 24 hour clock - every hour is indicated by a pie slice. I am trying to do 2 things:
     1. Display labels at 4 points of the 24 slices of the pie to label every 6 hours
     2. Highlight the current hour with a different color.
   
   Is there a way to add custom labels at specific points of the pie?
   
   Setting color as below: the first 7 pie slices (starting from the top going clockwise) used the default color scheme, the rest of the slices used the color as defined ('#808080).
   
   I am using the latest version of eCharts and 'echarts-for-react'
   
   ```
   {
             name:'time',
             type:'pie',
             radius : ['95%', '100%'],
             itemStyle :　{
               normal : {
                 label : {
                   show : true,
                 },
                 labelLine : {
                   show : false
                 }
               },
             },
             color: ['#808080'],
   
             data:[
               { value:1, label: '12 AM' },
               { value:1, label: '1 AM' },
               { value:1, label: '2 AM' },
               { value:1, label: '3 AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
               { value:1, label: '12AM' },
             ],
             axisLabel: {
               formatter: function(d) {
                   return d.label;
               }
             }
           }
   ```

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscribe@echarts.apache.org
For additional commands, e-mail: dev-help@echarts.apache.org