Examples to https://github.com/braziljs/power-polygon/issues/64

config.js

PPW.init({
    charts : [
        {
            type : 'line',
            element : '#first',
            chartOptions : {
                animation : true
            },
            chartData : {
                labels : ["January","February","March","April","May","June","July"],
                datasets : [
                    {
                        fillColor : "rgba(220,220,220,0.5)",
                        strokeColor : "rgba(220,220,220,1)",
                        pointColor : "rgba(220,220,220,1)",
                        pointStrokeColor : "#fff",
                        data : [65,59,90,81,56,55,40]
                    },
                    {
                        fillColor : "rgba(151,187,205,0.5)",
                        strokeColor : "rgba(151,187,205,1)",
                        pointColor : "rgba(151,187,205,1)",
                        pointStrokeColor : "#fff",
                        data : [28,48,40,19,96,27,100]
                    }
                ]
            }
        },
        {
            type : 'bar',
            element : '#second',
            chartOptions : {
                animation : false,
                scaleLineColor : "rgb(120,200,10)"
            },
            chartData : {
                labels : ["January","February","March","April","May","June","July"],
                datasets : [
                    {
                        fillColor : "rgba(220,220,220,0.5)",
                        strokeColor : "rgba(220,220,220,1)",
                        pointColor : "rgba(220,220,220,1)",
                        pointStrokeColor : "#fff",
                        data : [65,59,90,81,56,55,40]
                    },
                    {
                        fillColor : "rgba(151,187,205,0.5)",
                        strokeColor : "rgba(151,187,205,1)",
                        pointColor : "rgba(151,187,205,1)",
                        pointStrokeColor : "#fff",
                        data : [28,48,40,19,96,27,100]
                    }
                ]
            }
        }
    ]
}); 

not_work.html

<section>
    <div class="slide-header">
        <h2>Bar chart</h2>
    </div>
        
    <!--<canvas id="first" height="550" width="950"></canvas>-->
</section>
 
<section>
    <div class="slide-header">
        <h2>Pie chart</h2>
    </div>
 
    <!-- second the chart is not 'render', because the script don't find the first -->
    <canvas id="second" height="550" width="950"></canvas>
</section>

work.html

<section>
    <div class="slide-header">
        <h2>Bar chart</h2>
    </div>
        
    <canvas id="first" height="550" width="950"></canvas>
</section>
 
<section>
    <div class="slide-header">
        <h2>Pie chart</h2>
    </div>
    
    <canvas id="second" height="550" width="950"></canvas>
</section>