无法使用数据加载器创建图形

Can't create graph with dataloader

我正在尝试在 amchart 中使用内置数据加载器,问题是无论如何它都不会为我显示柱形图。

我的 fiddle 显示代码有效但解决了问题。

我想用数据加载器创建图表,它 returns 与我自己输入时的数据完全相同......所以我真的被困在这里:(

这是我尝试创建图表的代码:

var chart = AmCharts.makeChart("chartdiv", {
            "type": "serial",
            "theme": "light",
            "marginRight": 70,
            /*
            "dataLoader": {
                "url": "http://taponline.eu/datatablecalls/livedata/dispensesgraph.php",
                "format": "json",
                "headers": [{
                  "key": "x-access-token",
                  "value": "123456789"
                }]
              }
            */
              "dataProvider": [{"pluName":"Classic","dispenses":1485},{"pluName":"Jul","dispenses":1224},{"pluName":"Gordons Gin 2 cl.","dispenses":163},{"pluName":null,"dispenses":0}],
            "valueAxes": [{
              "axisAlpha": 0,
              "position": "left",
              "title": "Dispense Count",

            }],
            "startDuration": 1,
            "graphs": [{
              "balloonText": "<b>[[category]]: [[value]]</b>",
              "fillColorsField": "color",
              "fillAlphas": 0.9,
              "lineAlpha": 0.2,
              "type": "column",
              "valueField": "dispenses"
            }],
            "chartCursor": {
              "categoryBalloonEnabled": false,
              "cursorAlpha": 0,
              "zoomable": false
            },
            "categoryField": "pluName",
            "categoryAxis": {
              "gridPosition": "start",
              "labelRotation": 90
            },
            "export": {
              "enabled": true
            }

          });

http://jsfiddle.net/szmoa8w9/2/

dataloader 是一个类似导出插件的外部插件。您需要在图表包含后包含插件脚本,即

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<!-- dataloader plugin -->
<script type="text/javascript" src="https://www.amcharts.com/lib/3/plugins/dataloader/dataloader.min.js"></script>
<!-- other plugins/themes afterward -->