Server : Apache/2.4.62 (Unix) OpenSSL/1.0.2k-fips System : Linux server1.richineiserver.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : fdshops ( 1003) PHP Version : 8.2.21 Disable Function : NONE Directory :  /home/fdshops/public_html/resources/views/vendor/charts/plottablejs/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

@include('charts::_partials.container.svg')

<script type="text/javascript">
    $(function() {
        @include('charts::plottablejs._data.one')

        var xScale = new Plottable.Scales.Category()
        var yScale = new Plottable.Scales.Linear()

        var xAxis = new Plottable.Axes.Category(xScale, 'bottom')
        var yAxis = new Plottable.Axes.Numeric(yScale, 'left')

        var reverseMap = {};
        data.forEach(function(d) { reverseMap[d.y] = d.x;});

        var plot = new Plottable.Plots.Pie()
            .addDataset(new Plottable.Dataset(data))
            .sectorValue(function(d) { return d.y; }, yScale)
            @if($model->colors)
                .attr('fill', function(d) { return d.color; })
            @endif
            .innerRadius(250, yScale)
            .outerRadius(500, yScale)
            .labelsEnabled(true)
            .labelFormatter(function(n){ return reverseMap[n] ;})
            .animated(true);

        var title;
        @if($model->title)
            title = new Plottable.Components.TitleLabel("{!! $model->title !!}").yAlignment('center');
        @endif

        var table = new Plottable.Components.Table([[title],[plot]]);
        table.renderTo('svg#{{ $model->id }}');

        window.addEventListener('resize', function() {
            table.redraw()
        })
    });
</script>