Легенда в Highcharts не должна отображать цвета, указанные в данных серии.

Мой код выглядит следующим образом:

var options = {
  chart: {
    type: 'column',
    events: {
      click: $scope.goToPath(link)
    }
  },
  title: {
    text: ""
  },
  xAxis: {
    categories: ['You', 'Average', 'Top Quartile'],
    labels: {
      style: {
        fontSize: '14px',
        color: 'grey'
      }
    }
  },
  yAxis: {
    title: {
      text: ''
    }
  },
  plotOptions: {
    column: {
      colorByPoint: true,
      dataLabels: {
        enabled: true,
        color: '#000000',
        style: {
          fontWeight: 'bold'
        },
        formatter: $scope.getBarValues()
      }
    }
  },

  series: [{
      showInLegend: true,
      name: 'Planning Sites',
      data: metric1["chart_numbers"],
      colors: ['#3399CC', '#CCCC33', '#686868']
    }, {
      showInLegend: true,
      name: 'Build Out And Implementation',
      data: metric2["chart_numbers"],
      colors: ['#99CBE5', '#E4E599', '#BFBFBF']
    }
  ]
}

Здесь я хочу настроить отображаемую легенду так, чтобы в ней не использовались цвета, указанные в массиве цветов каждого элемента серии. Как я могу это сделать?

Я хочу легенду следующим образом:

Black color - Planning   
Grey color - Build Out  

Вот jsFiddle: http://jsfiddle.net/Kc55H/


person Yahya    schedule 02.05.2013    source источник
comment
Можете ли вы предоставить JSFiddle с вашим примером?   -  person Nina    schedule 02.05.2013


Ответы (1)


Для каждой серии вы также можете установить color, см.: http://jsfiddle.net/Kc55H/1/

person Paweł Fus    schedule 02.05.2013