Add border on highcharts bar chart on start of bar -



Add border on highcharts bar chart on start of bar -

i have bar chart created in highcharts border around of bar. however, i've disabled grid lines , tick marks. whole bar enclosed in border including left border of bar. possible add together border on portion of bar? can see chart here:

http://jsfiddle.net/9csjzsx5/

$(function () { $('#container').highcharts({ chart: { type: 'bar', width: 265, height: 350 }, credits: { text: '' }, title: { text: '' }, xaxis: { labels: { align: 'left', x: 0, y: -12 }, tickwidth: 0, linewidth: 0, minorgridlinewidth: 0, categories: ['label 1', 'label 2', 'label 3', 'label 4', 'label 5', 'label 6', 'label 7', 'label 8', 'label 9'] }, yaxis: { minorgridlinewidth: 0, majorgridlinewidth: 0, gridlinewidth: 0, labels: { enabled: false }, title: { text: '', align: 'high' }, tickwidth: 0 }, plotoptions: { bar: { colorbypoint: true, colors: ['#4572a7', '#aa4643', '#89a54e', '#80699b', '#3d96ae', '#db843d', '#92a8cd', '#a47d7c', '#b5ca92'] }, series: { stacking: 'normal', bordercolor: '#303030' } }, series: [{ data: [{ datalabels: { enabled: true, defer: false, align: 'right', color: 'black', x: 0, format: '{y}%', style: { fontsize: '12px', color: (highcharts.theme && highcharts.theme.contrasttextcolor) || 'black', } }, y: 9, color: 'white' }, { datalabels: { enabled: true, defer: false, align: 'right', color: 'black', x: 0, format: '{y}%', style: { fontsize: '12px', color: (highcharts.theme && highcharts.theme.contrasttextcolor) || 'black', } }, y: 9, color: 'white' }, { datalabels: { enabled: true, defer: false, align: 'right', color: 'black', x: 0, format: '{y}%', style: { fontsize: '12px', color: (highcharts.theme && highcharts.theme.contrasttextcolor) || 'black', } }, y: 8, color: 'white' }, { datalabels: { enabled: true, defer: false, align: 'right', color: 'black', x: 0, format: '{y}%', style: { fontsize: '12px', color: (highcharts.theme && highcharts.theme.contrasttextcolor) || 'black', } }, y: 9, color: 'white' }, { datalabels: { enabled: true, defer: false, align: 'right', color: 'black', x: 0, format: '{point.name}%', style: { fontsize: '12px', color: (highcharts.theme && highcharts.theme.contrasttextcolor) || 'black', } }, y: 10, name: '<0.001', color: 'white' }, { datalabels: { enabled: true, defer: false, align: 'right', color: 'black', x: 0, format: '{point.name}%', style: { fontsize: '12px', color: (highcharts.theme && highcharts.theme.contrasttextcolor) || 'black', } }, y: 10, name: '<0.001', color: 'white' }, { datalabels: { enabled: true, defer: false, align: 'right', color: 'black', x: 0, format: '{point.name}%', style: { fontsize: '12px', color: (highcharts.theme && highcharts.theme.contrasttextcolor) || 'black', } }, y: 10, name: '<0.001', color: 'white' }, { datalabels: { enabled: true, defer: false, align: 'right', color: 'black', x: 0, format: '{point.name}%', style: { fontsize: '12px', color: (highcharts.theme && highcharts.theme.contrasttextcolor) || 'black', } }, y: 10, name: '<0.001', color: 'white' }, { datalabels: { enabled: true, defer: false, align: 'right', color: 'black', x: 0, format: '{point.name}%', style: { fontsize: '12px', color: (highcharts.theme && highcharts.theme.contrasttextcolor) || 'black', } }, y: 10, name: '<0.001', color: 'white' }], showinlegend: false, pointwidth: 15, }, { data: [2, 2, 3, 2, 1, 1, 1, 1, 1], showinlegend: false, pointwidth: 15, }] }); });

the missing border apparent on bottom colors when printed visible on of them.

the border there, hidden beyond axis min, seems.

if set min less zero, , set startontick false, border appear:

yaxis: { min:-.1, startontick:false, } http://jsfiddle.net/9csjzsx5/1/

highcharts

Comments

Popular posts from this blog

Delphi change the assembly code of a running process -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

C++ 11 "class" keyword -