[GitHub] lingtalfi opened a new issue #8111: Pie: cannot have label line color different of the fan color

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

lingtalfi opened a new issue #8111: Pie: cannot have label line color different of the fan color
URL: https://github.com/apache/incubator-echarts/issues/8111
 
 
   Hi, 
   I'm using echarts4, 
   about pie: trying to set the label line color to black, but it always takes the color of the fan.
   
   
   Here is my code:
   
   
               
   ```
               var myChart = echarts.init(document.getElementById('echarts-51e9bfb5cf8c602c74c30f1bc913eac9'));
   
               var option = {
                   title: {
                       text: "Distribution des états de commande",
                       subtext: '',
                       x: 'left'
                   },
                   tooltip: {
                       trigger: 'item',
                       // formatter: "{a} <br/>{b} : {c} ({d}%)", // a is the series name
                       formatter: "{b} : {c} ({d}%)",
                   },
                   legend: {
                       orient: 'vertical',
                       right: 0,
                       data: ["En attente de paiement","En cours de pr\u00e9paration","Erreur de livraison","Paiement accept\u00e9"],
                   },
                   label: {
                       color: 'black',
                   },
                   labelLine: {
                       lineStyle: "black",
                       color: "black",
                   },
                   series: [
                       {
                           // name: 'coucou',
                           type: 'pie',
                           radius: '65%',
                           center: ['50%', '60%'],
                           data: [{"value":"7","name":"En attente de paiement"},{"value":"1","name":"En cours de pr\u00e9paration"},{"value":"1","name":"Erreur de livraison"},{"value":"5","name":"Paiement accept\u00e9"}],
                           itemStyle: {
                               emphasis: {
                                   shadowBlur: 10,
                                   shadowOffsetX: 0,
                                   shadowColor: 'rgba(0, 0, 0, 0.5)'
                               }
                           },
                           labelLine: {
                               lineStyle: 'black'
                           }
                       }
                   ]
               };
   
               myChart.setOption(option);
   ```
   
   <img width="557" alt="screen shot 2018-04-08 at 07 38 01" src="https://user-images.githubusercontent.com/223667/38463654-d39cf534-3aff-11e8-8141-2bf69e75a989.png">
   
   As you can see on the image above, the label of each fan is black (good), but the line between
   the label and the fan is always of the same color as the fan.
   How can I turn it to black ? 
   
   (I ask this because I normally have some colors generated from the database, but they aren't well
   readable, for instance I have some yellow which makes it hard to read, and so having all lines in black in this case would make the pie more readable).
   
   
   
   
   
   
   

----------------------------------------------------------------
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