U.S Solar Employment Growth

by maritavindedal

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>

<figure class="highcharts-figure">
    <div id="container"></div>
    <p class="highcharts-description">
        Basic line chart showing trends in a dataset. This chart includes the
        <code>series-label</code> module, which adds a label to each line for
        enhanced readability.
    </p>
</figure>

JavaScript

Highcharts.chart('container', {
  "chart": {
    "type": "pie",
  },
  accessibility: {
			enabled: false
		},
  "tooltip": {
    "headerFormat": "",
    "pointFormat": "<b>{point.detailedName}</b>"
  },
  "legend": {
    "enabled": true,
    "layout": "vertical",
    "align": "left",
    "width": 150,
    "verticalAlign": "top",
    "itemMarginTop": 10,
    itemStyle: {
				textOverflow: 'ellipsis',
				overflow: 'hidden',
				whiteSpace: 'nowrap'
			}
  },
  "plotOptions": {
    "pie": {
      "showInLegend": true,
      "dataLabels": {
        "enabled": false
      }
    },
  },
  "series": [
    {
      "type": "pie",
      "data": [
        {
          "name": "Academic Records",
          "y": 50,
          "detailedName": "Academic Records (4)"
        },
        {
          "name": "Acronyms Acronyms Acronyms Acronyms",
          "y": 20,
          "detailedName": "Acronyms (4)"
        },

      ]
    }
  ]
});