无法使用数据加载器创建图形
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 -->
我正在尝试在 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 -->