Amcharts 的新用戶（和編程！）并嘗試使用他們的示例之一(https://codepen.io/team/amcharts/pen/gOpWroQ), ，但是當(dāng)我從外部 JSON 文件中提取數(shù)據(jù)時，它無法正常工作。JSON 結(jié)構(gòu)和格式是正確的，我將數(shù)據(jù)從 JSON 文件復(fù)制到 var data [] 中，并且工作正常。筆在這里：（https://codepen.io/moneycarlo/pen/zYKdyGz但是我無法托管 json 文件）。第 10 行是我加載 JSON 數(shù)據(jù)的位置，但如果我刪除 var 數(shù)據(jù)信息并取消注釋第 10 行，結(jié)果不會繪制 4 行。相反，它是 1 條線，上面有每個日期的多個堆疊點。我猜這是預(yù)處理器中的東西。我的印象是，當(dāng)您從 JSON 等外部數(shù)據(jù)加載時，它會自動分配給 data 屬性，并且這些函數(shù)的工作方式相同。我缺少什么？am4core.useTheme(am4themes_animated);// Source datavar data = [ {"date":"2019-07-05","domain":"aol.com","hits":"119489"},{"date":"2019-07-05","domain":"gmail.com","hits":"295834"},{"date":"2019-07-05","domain":"hotmail.com","hits":"8000"},{"date":"2019-07-05","domain":"yahoo.com","hits":"324263"},{"date":"2019-07-06","domain":"aol.com","hits":"195042"},{"date":"2019-07-06","domain":"gmail.com","hits":"258402"},{"date":"2019-07-06","domain":"hotmail.com","hits":"100000"},{"date":"2019-07-06","domain":"yahoo.com","hits":"427865"}];// Create chart instancevar chart = am4core.create("chartdiv", am4charts.XYChart);//chart.dataSource.url = "data_1.php";// Create axesvar dateAxis = chart.xAxes.push(new am4charts.DateAxis());dateAxis.renderer.grid.template.location = 0;dateAxis.renderer.minGridDistance = 30;var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());chart.colors.list = [ am4core.color("red"), am4core.color("blue"), am4core.color("green")];// Create seriesfunction createSeries(field, name, id) { var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = "hits"; series.dataFields.dateX = "date"; series.name = name; series.tooltipText = "{dateX}: [b]{valueY}[/]"; series.strokeWidth = 2; var bullet = series.bullets.push(new am4charts.CircleBullet()); bullet.circle.stroke = am4core.color("#fff"); bullet.circle.strokeWidth = 2;
在 AmCharts 中切換到 JSON 數(shù)據(jù)不起作用
DIEA
2024-01-18 14:29:06
