时间戳

首页 > 解决方案 > 无法在 php 程序中使用 chart.js 和 jquery 显示条形图

php - 无法在 php 程序中使用 chart.js 和 jquery 显示条形图

问题描述

我在 php 程序中使用 chart.js 使用 jquery 打印图表但无法显示图表
我还在我的原始代码中包含了引导文件
<!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, });

但我想使用第一种方法显示图表

标签： phpjquerychart.jsbar-chart

解决方案

推荐阅读