I would like to arrange my highcharts into 9 x 9 on my webpage

Vote count:

-1

Thank you for taking the time to read my question.

I would like to arrange 9 of the following highcharts pie graphs in a 9 x 9 pattern on my site.

I use the following code to publish a single pie chart, I just do not know how to publish more than one and to put the pie charts into 3 rows and three columns

$(function () {


$('#container').highcharts({
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false
    },
    title: {
        text: 'Skittles By Color'
    },

    subtitle: {
text: '15.4 oz (437 g) Bag'
    },
    tooltip: {
        pointFormat: '<b>{point.y} skittles</b>'
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: true,
                format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                style: {
                    color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                },
                connectorColor: 'silver'
            }
        }
    },
    series: [{
        type: 'pie',
        name: 'Color %',
        data: [
            {
                name: 'Green',
                 y: 64,
                 sliced: true,
                 selected: true,
                 color: '#00ff00'

            },
            {
                name: 'Purple',
                 y: 71,

                 color: '#660066'

            },
            {    name:'Red',    
             y:88.0,

             color: '#dd0000'

            },


            {
                name: 'Orange',
                 y: 91,

                 color: '#ff6600'

            },
            {    name:'Yellow',    
             y:91.5,
             color: '#ffff00'

            },


        ]
    }]
});

});

http://ift.tt/1FAowxV

Thank you.

asked 1 min ago

Samuel Bennett

17

I would like to arrange my highcharts into 9 x 9 on my webpage