Я работаю с пакетом HighCharts в проекте angular 4, и я использую гистограмму, но я не знаю, как сделать интервал между каждой гистограммой
Вот результат:
Вот что я хочу - это добавить поле или пробел между каждой строкой, как красная линия на этом рисунке:
Вот варианты моего графика:
this.opt_chart = {
title: {
text: ''
},
tooltip: self.toolTipFormatter(),
xAxis: {
categories: [],
visible: false,
labels: {
useHTML: true,//Set to true
formatter: function () {//use formatter to break word.
return '<div style="width:' + this.labelWidth + 'px">' + this.value + '</div>';
},
enabled: true,
align: 'right',
style: this.getXAxisStyle()
}
},
plotOptions: {
series: {
animation: {
duration: 1000
},
point: {
events: {
click: function () {
let obj = this.category;
self.lineClicked(obj);
}
}
},
stacking: 'normal',
dataLabels: {
format: '{y} €/hab',
align: 'center',
enabled: false,
style: {
color: 'black',
fontSize: '15px'
}
},
minPointLength: 3
}
},
yAxis: {
visible: false,
labels: {
enabled: false
},
title: {
text: null
},
stackLabels: {
enabled: false,
align: 'right',
formatter: function () {
return self.utils.clean(this.total, ' €/hab');
}
},
plotLines: [{
color: '#4d4d4d',
width: 10,
height: 100,
value: 0,
zIndex: 10
}]
},
legend: {
reversed: false,
enabled: false
},
series: [{
name: 'Intérêts',
pointWidth: this.lineHeight,
stack: '',
color: this.bleuNuit,
borderRadius: 7
}],
credits: {
enabled: false
}
};
Надеюсь, я прояснил свою идею, жду вашей помощи и спасибо