首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >无法使用数据加载器创建图形

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

Stack Overflow用户
提问于 2018-02-20 20:53:24
回答 1查看 115关注 0票数 0

我尝试在amchart中使用数据加载器中的构建,问题是无论如何,它都不会为我显示柱状图。

我的小提琴显示了代码的工作,但忽略了问题。

我想用dataloader创建图形,它返回的数据与我自己输入时完全相同……所以我真的被困在这里了:

下面是我尝试用来创建图形的代码:

代码语言:javascript
复制
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/
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-02-20 21:09:12

数据加载器是一个外部插件,就像导出插件一样。您需要在图表包含后包含插件脚本,即

代码语言:javascript
复制
<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 -->
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48885733

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档