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:
[email protected]


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to