Highcharts Color Not Displaying

Question

Я только начинаю поиграть с highcharts. Я обнаружил, что при настройке атрибута цвета он фактически не устанавливает определенный гексагонный цвет - скорее, он отображает только точный гексаговый цвет, когда вы наводите курсор на диаграмму, и это подчеркивает. Highcharts, кажется, «автоматически затемняет» цвет, так что, когда вы наводите на него курсор, он выделяет и отображает конкретный гексагонный цвет, который вы указываете при создании диаграммы.

Есть ли способ установить цвет, который появляется? Было бы хорошо, чтобы просто быть в состоянии специфического, который шестигранный цвет должен появиться изначально и который шестигранные цветные дисплеи, когда он выделен, а не его автотускнеющий цветы и подсветки в шестнадцатеричном цвет указывается:

$('#ageChart').highcharts({ 
     chart: { 
      marginRight: 50, 
      marginTop: 0, 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false 
     }, 
     title: { 
      text: '', 
      style: { 
      fontSize: 10 
      } 
     }, 
     tooltip: { 
      pointFormat: '<b>{point.percentage:.1f}%</b>' 
     }, 
     credits: { 
      enabled: false 
     }, 
     exporting: { 
      enabled: false 
     }, 
     plotOptions: { 
      pie: { 
      size: 300, 
      allowPointSelect: true, 
      cursor: 'pointer', 
      dataLabels: { 
       enabled: false 
      }, 
      showInLegend: true 
      } 
     }, 
     series: [{ 
      type: 'pie', 
      name: 'Age Breakdown', 
      data: [ 
      { 
       name: "14-17", 
       y: fourteenToSeventeen, 
       color: "#E0DBBA" 
      }, 
      { 
       name: "18-24", 
       y: eighteenToTwentyFour, 
       color: "#8C8C8B" 
      }, 
      { 
       name: "25-34", 
       y: twentyFiveToThirtyFour, 
       color: "#BEE7E8" 
      }, 
      { 
       name: "35-44", 
       y: thirtyFiveToFourtyFour, 
       color: "#217C7E" 
      }, 
      { 
       name: "45-54", 
       y: fourtyFiveToFiftyFour, 
       color: "#687D68" 
      }, 
      { 
       name: "55+", 
       y: fiftyFivePlus, 
       color: "#634357" 
      } 
      ] 
     }] 
     }) 

Answer 1

На самом деле цвета отображаются правильно. Но при наведении курсора цвета становятся «освещенными» Highcharts.

Такое поведение можно отключить, задав коэффициент яркости до 0, как так:

$('#container').highcharts({ 
     .. 
     .. 

     series: [{ 
      type: 'pie', 
      name: 'Age Breakdown', 

      //add this section 
      states: { 
       hover: { 
        brightness: 0 
       } 
      }, 

      data: [ 
      .. 
      .. 
      ] 
     }] 

    })