d3pie在JS Bin中工作，而不在瀏覽器中工作
[英]d3pie working in JS Bin, not in browser
問題描述
我目前正在嘗試在開始輸入自己的數據/對其進行編輯之前，在瀏覽器上從d3pie運行示例代碼。 當我將其粘貼到JS Bin（無論是在Firefox還是Chrome上）時，都可以正常工作。 代碼如下所示：
<html>
<head></head>
<body>
<div id="pieChart"></div>
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.4/d3.min.js"></script>
<script src="https://rawgit.com/benkeen/d3pie/master/d3pie/d3pie.min.js"> </script>
<script>
var randomval = 50;
var pie = new d3pie("pieChart", {
"header": {
"title": {
"text": "Lots of Programming Languages",
"fontSize": 24,
"font": "open sans"
},
"subtitle": {
"text": "A full pie chart to show off label collision detection and resolution.",
"color": "#999999",
"fontSize": 12,
"font": "open sans"
},
"titleSubtitlePadding": 9
},
"footer": {
"color": "#999999",
"fontSize": 10,
"font": "open sans",
"location": "bottom-left"
},
"size": {
"canvasWidth": 590,
"pieOuterRadius": "90%"
},
"data": {
"sortOrder": "value-desc",
"content": [
{
"label": "JavaScript",
"value": randomval,
"color": "#2484c1"
},
{
"label": "Ruby",
"value": 218812,
"color": "#0c6197"
},
{
"label": "Java",
"value": 157618,
"color": "#4daa4b"
}
]
},
"labels": {
"outer": {
"pieDistance": 32
},
"inner": {
"hideWhenLessThanPercentage": 3
},
"mainLabel": {
"fontSize": 11
},
"percentage": {
"color": "#ffffff",
"decimalPlaces": 0
},
"value": {
"color": "#adadad",
"fontSize": 11
},
"lines": {
"enabled": true
},
"truncation": {
"enabled": true
}
},
"effects": {
"pullOutSegmentOnClick": {
"effect": "linear",
"speed": 400,
"size": 8
}
},
"misc": {
"gradient": {
"enabled": true,
"percentage": 100
}
}
});
</script>
</body>
</html>
但是，當我復制此代碼並將其粘貼到HTML文件中並在Chrome或Firefox上運行該HTML文件時，看不到任何圖表！ 我將d3pie.min.js的腳本更改為：
<script src="d3pie.min.js></script>
並肯定我已經將d3pie.min.js文件正確保存在本地。 我似乎無法弄清楚問題出在哪里，以及為什么它無法在瀏覽器上正確顯示。 過去有人遇到過這種問題嗎？ 謝謝！
1 個解決方案
解決方案1
1 已采納 2015-08-02 01:54:43
更改
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.4/d3.min.js"></script>
至
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.4/d3.min.js"></script>
d3pie錯誤：d3pie.js上沒有提供數據
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.