Невозможно отобразить диаграмму, используя chart.js и jquery в программе php - PullRequest
Новая
       18

Невозможно отобразить диаграмму, используя chart.js и jquery в программе php

0 голосов
/ 20 октября 2019 
I am using chart.js in php program to print chart using jquery but not able to display chart
I have also included bootstrap files in my original code
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.css">
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div style="width: 400px;height:400px;">
        <canvas id="myChart" width="400" height="400" style="color: red;"></canvas>
    </div>

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.js"></script>

    <script>
        $(document).ready(function(){

            var data1 = {
            labels: ['January', 'February', 'March', 'April', 'May', 'June'],
            datasets: [{
                label: 'My First dataset',
                backgroundColor: '#16a085',
                data: [10, 5, 2, 20, 30, 45]
            }]
        };

        var options1 = {
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero: true
                    }
                }]
            }
        };

        var ctx = $('#myChart');
        var piechart = new Chart(ctx).Bar(data1,options1);

    });
</script>

</body>
</html>

Невозможно отобразить график, используя

var piechart = new Chart (ctx) .Bar (data1, options1);

но я могу отобразить диаграмму, используя
var piechart = new Chart (ctx, {type: 'bar', data: data1, options: options1,}); 

But I want to display chart using 1st method
...