Create customized Headers (with Logo image, logo Text, Title, Subtitle) in **Highcharts and Highmaps
In this repository I discussed about to create customized Header -
- Logo Image
- Logo Text
- Customized Header Title and SubTitle
Logo image -
function (chart) { chart.renderer.image( //image url, x-axis, y-axis, height, width 'https://i.imgur.com/QiAMG0gg.png', 20, 10, 30, 30) .add(); });
Logo Text and Hyperlink text -
credits: { text: 'Logo Text', href: 'https://i.imgur.com/QiAMG0gg.png', position: { align: 'right', x: -70, verticalAlign: 'top', y: 25 }, style: { color: 'red' } }
Header Title Text -
title: {
useHTML: true,
text: ' Line1 Title Text
Line2 Title Text',
style: {
"text-align": "center",
"background-color":"red"
}
},
Header Sub Title Text -
subtitle: {
useHTML: true,
text: ' Line1 sub Title Text
Line2 sub Title Text',
align: 'left',
x: 100,
style: {
"font-size": "12px",
}
}
Happy Coding!!!