Can';不要让amCharts WordPress数据加载器工作

Can';不要让amCharts WordPress数据加载器工作,wordpress,amcharts,Wordpress,Amcharts,我试图在WordPress中使用amCharts中的数据加载器,但没有成功。我从一个默认的股票图表开始,用github站点的数据集结构替换JS数据集结构。然后我改变了相应的字段值,但我总是得到一个空站点。我在同一台服务器上使用CSV文件,以确保它不是访问外部源的问题 有人可能有完整的代码吗 以下是我目前无法使用的代码: var chart = AmCharts.makeChart("chartdiv", { "type": "stock", "color": "#fff"

我试图在WordPress中使用amCharts中的数据加载器,但没有成功。我从一个默认的股票图表开始,用github站点的数据集结构替换JS数据集结构。然后我改变了相应的字段值,但我总是得到一个空站点。我在同一台服务器上使用CSV文件,以确保它不是访问外部源的问题

有人可能有完整的代码吗

以下是我目前无法使用的代码:

var chart = AmCharts.makeChart("chartdiv", {
      "type": "stock",
      "color": "#fff",
      "dataSets": [{
      "title": "MSFT",
        "fieldMappings": [{
          "fromField": "Open",
          "toField": "open"
        }, {
          "fromField": "High",
          "toField": "high"
        }, {
          "fromField": "Low",
          "toField": "low"
        }, {
          "fromField": "Close",
          "toField": "close"
        }, {
          "fromField": "Volume",
          "toField": "volume"
        }],
        "compared": false,
        "categoryField": "Date",
        /**
         * data loader for data set data
         */
        "dataLoader": {
          "url": "uploads/2015/12/table.csv",
          "format": "csv",
          "showCurtain": true,
          "showErrors": true,
          "async": true,
          "reverse": true,
          "delimiter": ",",
          "useColumnNames": true
       },

      }],
      //"dataDateFormat": "YYYY-MM-DD",
      "panels": [{
          "title": "Value",
          "percentHeight": 70,
          "stockGraphs": [{
            "type": "candlestick",
            "id": "g1",
            "openField": "open",
            "closeField": "close",
            "highField": "high",
            "lowField": "low",
            "valueField": "close",
            "lineColor": "#fff",
            "fillColors": "#fff",
            "negativeLineColor": "#db4c3c",
            "negativeFillColors": "#db4c3c",
            "fillAlphas": 1,
            "comparedGraphLineThickness": 2,
            "columnWidth": 0.7,
            "useDataSetColors": false,
            "comparable": true,
            "compareField": "close",
            "showBalloon": false,
            "proCandlesticks": true
          }],
          "stockLegend": {
            "valueTextRegular": undefined,
            "periodValueTextComparing": "[[percents.value.close]]%"
          }
        },
        {
          "title": "Volume",
          "percentHeight": 30,
          "marginTop": 1,
          "columnWidth": 0.6,
          "showCategoryAxis": false,
          "stockGraphs": [{
            "valueField": "volume",
            "openField": "open",
            "type": "column",
            "showBalloon": false,
            "fillAlphas": 1,
            "lineColor": "#fff",
            "fillColors": "#fff",
            "negativeLineColor": "#db4c3c",
            "negativeFillColors": "#db4c3c",
            "useDataSetColors": false
          }],
          "stockLegend": {
            "markerType": "none",
            "markerSize": 0,
            "labelText": "",
            "periodValueTextRegular": "[[value.close]]"
          },
          "valueAxes": [{
            "usePrefixes": true
          }]
        }
      ],
      panelsSettings: {
        color: "#fff",
        plotAreaFillColors: "#333",
        plotAreaFillAlphas: 1,
        marginLeft: 60,
        marginTop: 5,
        marginBottom: 5
      },
      chartScrollbarSettings: {
        graph: "g1",
        graphType: "line",
        usePeriod: "WW",
        backgroundColor: "#333",
        graphFillColor: "#666",
        graphFillAlpha: 0.5,
        gridColor: "#555",
        gridAlpha: 1,
        selectedBackgroundColor: "#444",
        selectedGraphFillAlpha: 1
      },
      categoryAxesSettings: {
        equalSpacing: true,
        gridColor: "#555",
        gridAlpha: 1
      },
      valueAxesSettings: {
        gridColor: "#555",
        gridAlpha: 1,
        inside: false,
        showLastLabel: true
      },
      chartCursorSettings: {
        pan: true,
        valueLineEnabled: true,
        valueLineBalloonEnabled: true
      },
      legendSettings: {
        color: "#fff"
      },
      stockEventsSettings: {
        showAt: "high",
        type: "pin"
      },
      balloon: {
        textAlign: "left",
        offsetY: 10
      },
      periodSelector: {
        position: "bottom",
        periods: [{
          period: "DD",
          count: 10,
          label: "10D"
        }, {
          period: "MM",
          count: 1,
          label: "1M"
        }, {
          period: "MM",
          count: 6,
          label: "6M"
        }, {
          period: "YYYY",
          count: 1,
          label: "1Y"
        }, {
          period: "YYYY",
          count: 2,
          selected: true,
          label: "2Y"
        }, {
          period: "YTD",
          label: "YTD"
        }, {
          period: "MAX",
          label: "MAX"
        }]
      }
    });
}

这是很多代码。你能告诉我们它以什么方式不起作用吗?预期的结果是什么?你能详细说明你可能遇到的任何错误信息吗?嗨,Martynasma,很高兴在船上见到你。在哪里可以找到错误消息?对不起,我是wp/amcharts的新手。现在,我从中选取了您的dataloader示例,并将您的csv文件从数据中放入到我的服务器上。我在Wordpress的amcharts javascript部分粘贴了javascript部分,确保dataloader_min位于参考资料中。amcharts预览向我显示一个空的图表小部件,其中包含所有按钮,但没有图形。我最后想做的是在amchart中加载yahoo finance数据如果你不能与图表共享页面链接,首先要做的是检查浏览器控制台是否有任何错误。要打开浏览器控制台,请按F12并选择控制台选项卡。responsive.min.js.map?ver=1.0.13:1未捕获语法错误:意外标记:amcharts.js?ver=1.0.13:28未捕获类型错误:无法读取undefinedd.ChartCursor.d.Class.update@amcharts.js?ver=1.0.13:28e.AmRectangularChart.e.Class.update的属性“translate”serial.js?ver=1.0.13:3e.AmSerialChart.e.Class.update@serial.js?ver=1.0.13:7d.update@amcharts.js?ver=1.0.13:1很抱歉,我意外加载了responsive.min。现在使用dataloader时,错误看起来是这样的