無法使用Chart.js制作圖表
[英]Can't make chart with Chart.js
問題描述
我將圖表添加到我的站點，但是如果這樣做，結果將一無所獲。 我使用ChartJS作為外部庫。
這是我的代碼：
var randomScalingFactor = function(){ return Math.round(Math.random()*100) }; var barChartData = { labels : ["January","February","March","April","May","June","July"], datasets : [ { fillColor : "rgba(220,220,220,0.5)", strokeColor : "rgba(220,220,220,0.8)", highlightFill: "rgba(220,220,220,0.75)", highlightStroke: "rgba(220,220,220,1)", data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()] }, { fillColor : "rgba(151,187,205,0.5)", strokeColor : "rgba(151,187,205,0.8)", highlightFill : "rgba(151,187,205,0.75)", highlightStroke : "rgba(151,187,205,1)", data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()] } ] } window.onload = function(){ var ctx = document.getElementById("canvas").getContext("2d"); window.myBar = new Chart(ctx).Bar(barChartData, { responsive : true }); }
<script src="https://raw.githubusercontent.com/nnnick/Chart.js/master/src/Chart.Bar.js" type="application/javascript"></script> <div style="width: 50%"> <canvas id="canvas" height="450" width="600"></canvas> </div>
和一個JS小提琴
我做錯了什么？
1 個解決方案
解決方案1
1 已采納 2015-11-24 17:57:54
這是一個工作的JS小提琴： https : //jsfiddle.net/qb2opyd8/3/
我所做的：
- 二手
https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js -
No wrap - in <body>中將JS Fiddle配置更改為No wrap - in <body>
無法自定義Chart.js
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.