javascript - Legend in Highcharts should not pick up colours specified in series data -


my code follows :

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 , implementation',       data: metric2["chart_numbers"],       colors: ['#99cbe5', '#e4e599', '#bfbfbf']     }   ] } 

here, want customize legend shown not use colors specified in colors array of each of series element. how can that?

i want legend follows :

black color - planning    grey color - build out   

here jsfiddle : http://jsfiddle.net/kc55h/

for each series can set color, see: http://jsfiddle.net/kc55h/1/


Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -