Customized-header-for-Highchart-and-HighMaps-Reports

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!!!