Таблицы Fusion javascript chart не работает

Я новичок в javascript и не очень хорош при кодировании в целом. Я пытаюсь использовать код javascript, который я получил из диаграмм Fusion, чтобы создать диаграмму пончиков, но она не работает. Я попытался использовать как отдельный файл .js с src в html, так и поместив код javascript в теги скриптов в html. Javascript также не отображается на веб-странице. Это, наверное, что-то очень простое.Таблицы Fusion javascript chart не работает

<div id="chart-container">FusionCharts will render here</div>

(и мой Javascript)

FusionCharts.ready(function() { 
var revenueChart = new FusionCharts({ 
    type: 'doughnut2d', 
    renderAt: 'chart-container', 
    width: '450', 
    height: '450', 
    dataFormat: 'json', 
    dataSource: { 
     "chart": { 
      "caption": "Homicides by Weapon", 
      "subCaption": "USA 2013", 
      "numberPrefix": "", 
      "paletteColors": "#0075c2,#1aaf5d,#f2c500,#f45b00,#8e0000", 
      "bgColor": "#ffffff", 
      "showBorder": "0", 
      "use3DLighting": "0", 
      "showShadow": "0", 
      "enableSmartLabels": "0", 
      "startingAngle": "310", 
      "showLabels": "0", 
      "showPercentValues": "1", 
      "showLegend": "1", 
      "legendShadow": "0", 
      "legendBorderAlpha": "0", 
      "defaultCenterLabel": "Total homicides: 11583", 
      "centerLabel": "Homicides from $label: $value", 
      "centerLabelBold": "1", 
      "showTooltip": "0", 
      "decimals": "0", 
      "captionFontSize": "14", 
      "subcaptionFontSize": "14", 
      "subcaptionFontBold": "0" 
     }, 
     "data": [ 
      { 
       "label": "Firearms", 
       "value": "8454" 
      }, 
      { 
       "label": "Knives or cutting instruments", 
       "value": "1490" 
      }, 
      { 
       "label": "Personal Weapons (hands, fists, etc.)", 
       "value": "687" 
      }, 
      { 
       "label": "Other", 
       "value": "952" 
      } 


     ] 
    } 
}).render(); 
});

источник

2016-01-08 Sofie

Включили ли вы fusioncharts.js в проекте и передала его в HTML? Есть ли ошибки в консоли? – adiga

Оказывать FusionCharts нужно добавить библиотеку FC в головной метке. пожалуйста попробовать использовать КДС ссылку FC 3.10.1 Library или вы можете использовать ниже код, чтобы сделать fusionchart

<html> 
<head> 
<title>My first chart using FusionCharts Suite XT</title> 
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script> 
<script type="text/javascript"> 
FusionCharts.ready(function() { 
var revenueChart = new FusionCharts({ 
    type: 'doughnut2d', 
    renderAt: 'chart-container', 
    width: '450', 
    height: '450', 
    dataFormat: 'json', 
    dataSource: { 
     "chart": { 
      "caption": "Homicides by Weapon", 
      "subCaption": "USA 2013", 
      "numberPrefix": "", 
      "paletteColors": "#0075c2,#1aaf5d,#f2c500,#f45b00,#8e0000", 
      "bgColor": "#ffffff", 
      "showBorder": "0", 
      "use3DLighting": "0", 
      "showShadow": "0", 
      "enableSmartLabels": "0", 
      "startingAngle": "310", 
      "showLabels": "0", 
      "showPercentValues": "1", 
      "showLegend": "1", 
      "legendShadow": "0", 
      "legendBorderAlpha": "0", 
      "defaultCenterLabel": "Total homicides: 11583", 
      "centerLabel": "Homicides from $label: $value", 
      "centerLabelBold": "1", 
      "showTooltip": "0", 
      "decimals": "0", 
      "captionFontSize": "14", 
      "subcaptionFontSize": "14", 
      "subcaptionFontBold": "0" 
     }, 
     "data": [ 
      { 
       "label": "Firearms", 
       "value": "8454" 
      }, 
      { 
       "label": "Knives or cutting instruments", 
       "value": "1490" 
      }, 
      { 
       "label": "Personal Weapons (hands, fists, etc.)", 
       "value": "687" 
      }, 
      { 
       "label": "Other", 
       "value": "952" 
      } 


     ] 
    } 
}).render(); 
}); 
</script> 
</head> 
<body> 
<div id="chart-container">FusionCharts will render here</div> 
</body> 
</html>

источник

2016-01-24 15:57:22

Таблицы Fusion javascript chart не работает

ответ

Смежные вопросы