Highcharts такой же цвет легенды, как и на круговой диаграмме цвет среза

Привет, я работаю над диаграммой круговых диаграмм, я показываю легенду с диаграммой. Я хочу показать цвет легенды, такой же, как и для каждого цвета среза. в настоящее время каждый цвет легенд одинаковый. вот мой кодHighcharts такой же цвет легенды, как и на круговой диаграмме цвет среза

<script src="text/javascript"> 
     Highcharts.theme = { 
     colors: ['#058DC7', '#50B432', '#FFC000', '#ED561B', '#DDDF00', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'], 
     chart: { 
      backgroundColor: { 
       linearGradient: [0, 0, 500, 500], 
       stops: [ 
        [0, 'rgb(255, 255, 255)'], 
        [1, 'rgb(240, 240, 255)'] 
       ] 
      } 
     } 
    }; 

var highchartsOptions = Highcharts.setOptions(Highcharts.theme); 

     var chart; 

     chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'holdingPie', 
       plotBackgroundColor: null, 
       plotBorderWidth: null, 
       plotShadow: false, 
       spacingBottom: 0, 
       margin: [0, 0, 0, 40] 
      }, 
      title: { 
       text: '' 
      }, 
      credits: { 
       enabled: false 
      }, 
      tooltip: { 
       formatter: function() { 
        return '<b>' + this.point.name + '</b>: ' + roundNumber(this.percentage, 2) + ' %' + ' of total holding value'; 
       }, 
       style: { 
        fontSize: '11px' 
       } 
      }, 
      plotOptions: { 
       pie: { 
        allowPointSelect: true, 
        cursor: 'pointer', 
        dataLabels: { 
         enabled: false 
        }, 
        showInLegend: true 
       } 
      }, 
      legend: { 
       enabled: true, 
       layout: 'vertical', 
       float: true, 
       style: { 
        left: '0px', 
        bottom: 'auto', 
        right: 'auto', 
        top: '0px', 
        margin: '0px', 
        padding: '5px' 
       } 
      }, 
      series: [{ 
        type: 'pie', 
        name: 'Holdings' 
    <?php piedata(); ?> 
        }] 
      }); 
}

piedata() является функцией, которая получает данные из базы данных. Я искал его, но не нашел ничего подходящего. Есть ли какой-либо вариант в highchart api, чтобы показать легенду в том же цвете, что и на кусочке пирога или любым другим способом сделать это.

источник

2015-09-29 Saif Alvi

Легенда должна показывать его значок серии как тот же цвет, что и срез по умолчанию. Можете ли вы настроить представителя jsFiddle или показать, какое содержимое ваших данных установлено? – wergeld

@Saif Alvi Пожалуйста, связывайте jsfiddle с вопросом –

Используя ваш код, я создал скрипку. Я использовал данные из другой скрипки, поскольку ваши данные не были здесь. Еще одно изменение, которое я сделал, заключается в том, что в легендах я поддерживал: true only и удалял все стили. Твои легенды приходили на пирог, который может быть причиной того, что цвет вашей легенды не может быть разграничен.

legend: { 
      enabled: true /*, 
      layout: 'vertical', 
      float: true, 
      style: { 
       left: '0px', 
       bottom: 'auto', 
       right: 'auto', 
       top: '0px', 
       margin: '0px', 
       padding: '5px' 
      }*/ 
     }

Смотрите мой the working Fiddle here

источник

2015-09-29 18:45:03

Highcharts такой же цвет легенды, как и на круговой диаграмме цвет среза

ответ

Смежные вопросы