I'm struggling to include a label within each box in the Gantt Diagram Highcharts, and I'm unsure how to proceed. How can I display a value within each frame?
The label needs to be positioned at the center of each box, and all the data is generated dynamically.
Below is an example of the progress I have made so far.
If you have any insights or assistance to offer, it would be greatly appreciated...
Highcharts.createElement('link', {
href: 'https://fonts.googleapis.com/css?family=Unica+One',
rel: 'stylesheet',
type: 'text/css'
}, null, document.getElementsByTagName('head')[0]);
Highcharts.theme = {
chart: {
backgroundColor: {
linearGradient: {
x1: 0,
y1: 0,
x2: 1,
y2: 1
},
stops: [
[0, '#FAFAFA'],
[1, '#FAFAFA']
]
},
style: {
fontFamily: '\'Unica One\', sans-serif'
}
}
};
// Implementing the theme
Highcharts.setOptions(Highcharts.theme);
var today = new Date('2018-02-02');
var day = 1000 * 60 * 60 * 24;
var map = Highcharts.map;
var dateFormat = Highcharts.dateFormat;
var series;
var cars;
// More script data and logic...
// End of the script