文章/答案/技术大牛

发布

社区首页 >问答首页 >chart js饼图: chart.js出错？

问chart js饼图: chart.js出错？
EN

Stack Overflow用户

提问于 2016-07-29 22:49:29

回答 1查看 723关注 0票数 0

我正在尝试使用chart.js测试饼图。我在chart.js文件中得到'cannot read property of 'length‘和'initialize’。我尝试了所有的选项，但找不到问题所在。

jsfiddle中的代码

https://jsfiddle.net/n8ox2fqb/1/

pieChart.js文件包含以下代码。

var   pieData = [
   {
      value: '25',
      label: 'Java',
      color: '#811BD6'
   },
   {
      value: '10',
      label: 'Scala',
      color: '#9CBABA'
   },
   {
      value: '30',
      label: 'PHP',
      color: '#D18177'
   },
   {
      value : '35',
      label: 'HTML',
      color: '#6AE128'
   }
]



var pieOptions = {};

$(document).ready(function() { 

    var ctxt = document.getElementById('myChart');
    var myPieChart = new Chart(ctxt,{
        type: 'pie',
        data: pieData,
        options: pieOptions
    });

});

Html代码

<html lang="en">
    <head>
        <script src="src/jquery.min.js"></script>
        <script src="src/Chart.js"></script>
    </head>
            <Title>
                Test Pie Chart
            </Title>
    <body>
        <div>
            <div>
                 <canvas id="myChart" width="400" height="400"></canvas>
            </div>
        </div>
        <script src="pieChart.js"></script>
    </body>
</html>

jquery

charts

javascript

回答 1

Stack Overflow用户

发布于 2016-07-29 23:06:08

不经意间，我要说对我来说有一个明显的问题，那就是

var ctxt = document.getElementById('myChart');

你想要的

var ctxt = document.getElementById('myChart').getContext('2d');

您也可能以错误的格式输入图表数据。图表配置对象中的“data”属性有一个名为“datasets”的属性，该属性是一个对象数组。Check out their docs here

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38661719

复制

相似问题

问chart js饼图: chart.js出错？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问chart js饼图: chart.js出错？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问chart js饼图: chart.js出错？
EN