function Pieplot({ loc, data, choice }) {
    return (
        <Plot
            data={[{
                type: 'pie',
                values: data,
                labels: loc,
                name: "Case Breakdown",
                hole: 0.5,

            }]}
            layout={{
                width: 400,
                height: 450,
                autosize: true,
                automargin: true,
                margin: {
                    l: 30, r: 30, b: 20, t: 40
                },
                hovermode: 'closest',
                plot_bgcolor: "#323130",
                paper_bgcolor: "#323130",
                font: {
                    family: "Open Sans, sans-serif",
                    size: 13,
                    color: "white"
                },
                legend: {
                    font: {
                        color: "#CCCCCC", size: 10
                    },
                    orientation: "v",
                    bgcolor: "rgba(0,0,0,0)",
                },
                title: `Top 15 ${choice} Cases Summary`,
            }}
        />
    )
}
// Plot top 15 areas and the proportion on pie charts
Plot top 15 areas and the proportion on pie charts
Plot top 15 areas and the proportion on pie charts
function Pieplot({ loc, data, choice }) {
    return (
        <Plot
            data={[{
                type: 'pie',
                values: data,
                labels: loc,
                name: "Case Breakdown",
                hole: 0.5,
            }]}
            layout={{
                width: 400,
                height: 450,
                autosize: true,
                automargin: true,
                margin: {
                    l: 30, r: 30, b: 20, t: 40
                },
                hovermode: 'closest',
                plot_bgcolor: "#323130",
                paper_bgcolor: "#323130",
                font: {
                    family: "Open Sans, sans-serif",
                    size: 13,
                    color: "white"
                },
                legend: {
                    font: {
                        color: "#CCCCCC", size: 10
                    },
                    orientation: "v",
                    bgcolor: "rgba(0,0,0,0)",
                },
                title: `Top 15 ${choice} Cases Summary`,
            }}
        />
    )
}
function Pieplot ( { loc , data , choice } ) { return ( < Plot data = { [ { type : 'pie' , values : data , labels : loc , name : "Case Breakdown" , hole : 0.5 , } ] } layout = { { width : 400 , height : 450 , autosize : true , automargin : true , margin : { l : 30 , r : 30 , b : 20 , t : 40 } , hovermode : 'closest' , plot_bgcolor : "#323130" , paper_bgcolor : "#323130" , font : { family : "Open Sans, sans-serif" , size : 13 , color : "white" } , legend : { font : { color : "#CCCCCC" , size : 10 } , orientation : "v" , bgcolor : "rgba(0,0,0,0)" , } , title : ` ${ choice } ` , } } / > ) }
Plot top 15 areas and the proportion on pie charts
Plot top 15 areas and the proportion on pie charts