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