javascript Highcharts甜甜圈图代码

Posted 2021-05-03

/**
 * Creates a donut graph using Highcharts and places in page
 * @param {array} dataToUse - takes an array of objects
 * @param {element} container - element to place chart into
 */
function createDonutGraph(dataToUse, container) {
  const graphData = [];

  for (let dataToUseCount = 0; dataToUseCount < dataToUse.length; dataToUseCount++) {
    graphData.push({
      y: dataToUse[dataToUseCount].drilldown.data[0],
      color: dataToUse[dataToUseCount].color
    });
  }

  Highcharts.chart(container, {
    chart: {
      type: 'pie',
      height: 135,
      width: 135,
      margin: 0,
      renderTo: 'chart',
      spacingTop: 0,
      spacingBottom: 0,
      spacingLeft: 0,
      spacingRight: 0
    },
    title: {text: undefined},
    tooltip: {enabled: false},
    legend: {enabled: false},
    subtitle: {enabled: false},
    credits: {enabled: false},
    plotOptions: {
      pie: {
        allowPointSelect: true,
        cursor: 'pointer',
        dataLabels: {enabled: false},
        borderWidth: 0,
        slicedOffset: 0
      }
    },
    series: [{
      name: 'Seats',
      data: graphData,
      size: '100%',
      innerSize: '85%',
      enableMouseTracking: false
    }]
  });
}