Highcharts Demo

author(s): Torstein Hønsi

by Haze32

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>

JavaScript

Highcharts.chart('container',



  {
    credits: {
      enabled: false,
      marginTop: 25,
    },
    chart: {
      type: "column",
      backgroundColor: "transparent",
    },
    title: {
      text: '',
      align: 'left',
      margin: 30,
      style: {
        fontSize: '18px',
        fontWeight: '600',
        color: '#000'
      }
    },
    subtitle: {
      text: ""
    },
    
    yAxis: {
      min: 1,
      max: 100,
      tickInterval: 25,
      labels: {
        style: {
          fontSize: '14px',
          color: '#000'
        },
      },
      title: {
        enabled: true,
        text: "",
        style: {
          color: '#000',
          fontFamily: 'sans-serif'
        }
      }
    },
    xAxis: {
    tickInterval:1,
      showLastLabel: true,
      categories: ["NY - BAAM", "NY - Infrastructure", "NY - BTO/BXG/BIS", "NY - BXTI", "NY - Credit", "NY - Finance", "NY - HR/SIG", "NY - Legal Compliance", "NY - PA/GR/SR/GCS/ICS", "NY - Private Equity", "NY - Portfolio Operations", "NV - Private Wealth Solutions", "NY - Real Estate", "NY - Strategic Partners", "Cambridge", "Hong Kong", "London", "Mumbai", "Harvest", "San Francisco", "Singapore", "Sydney", "Tokyo", ],
      tickWidth: 1,
      tickColor: '#000000',
      labels: {
        style: {
          fontSize: '14px',
          fontWeight: '400',
          color: '#000'
        }
      },
      title: {
        enabled: false,
        style: {
          color: '#000'
        }
      }
    },
    plotOptions: {
      series: {
        animation: false
      },
      column: {
        dataLabels: {
          enabled: true,
          style: {
            fontSize: '12px',
            color: '#000',
            textShadow: false
          },
          formatter: function() {
            return Highcharts.numberFormat(this.y, 2) + "%";
          }
        }
      }
    },
    colors: ['#4C9F8B','#1B5E5C','#C39D78','#CACED7','#006492','#A5CFC5','#8DAEAD','#E1CEBB','#E4E7EB','#80B1C8'],
...