Amchart4在解析结束事件之前不显示来自JSON文件的Datatime。
创始人
2024-09-30 03:30:46
0

要解决Amchart4在解析结束事件之前不显示来自JSON文件的Datatime的问题,可以使用以下代码示例:

// 创建图表实例
var chart = am4core.create("chartdiv", am4charts.XYChart);

// 从JSON文件加载数据
chart.dataSource.url = "data.json";
chart.dataSource.parser = new am4core.JSONParser();
chart.dataSource.parser.options.dateFormat = "yyyy-MM-dd HH:mm:ss";

// 数据加载完成时的事件处理程序
chart.dataSource.events.on("parseended", function(ev) {
  // 获取解析后的数据
  var data = ev.target.data;

  // 将数据添加到图表的数据源
  chart.data = data;

  // 创建日期时间类别轴
  var dateAxis = chart.xAxes.push(new am4charts.DateAxis());

  // 配置日期时间类别轴的格式
  dateAxis.dateFormats.setKey("minute", "HH:mm");
  dateAxis.periodChangeDateFormats.setKey("minute", "HH:mm");
  dateAxis.periodChangeDateFormats.setKey("hour", "HH:mm");
  dateAxis.periodChangeDateFormats.setKey("day", "MM-dd");
  dateAxis.periodChangeDateFormats.setKey("month", "MM-dd");
  dateAxis.periodChangeDateFormats.setKey("year", "yyyy-MM");

  // 创建值类别轴
  var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());

  // 创建折线图系列
  var series = chart.series.push(new am4charts.LineSeries());
  series.dataFields.dateX = "date";
  series.dataFields.valueY = "value";

  // 创建光标
  chart.cursor = new am4charts.XYCursor();
});

// 开始加载数据
chart.dataSource.load();

在上述示例中,我们首先创建了一个图表实例,并将其数据源的URL设置为“data.json”。然后,我们使用am4core.JSONParser配置数据源解析器的日期时间格式为“yyyy-MM-dd HH:mm:ss”。

接下来,我们使用“parseended”事件处理程序来处理数据加载完成时的事件。在事件处理程序中,我们从数据源的解析结果中获取数据,并将其添加到图表的数据源中。

然后,我们创建了一个日期时间类别轴,并配置了日期时间格式。接着,我们创建了一个值类别轴和一个折线图系列,并将数据绑定到系列的日期和值字段。

最后,我们创建了一个光标来显示鼠标悬停位置的数据点的详细信息。

最后,我们调用图表的dataSource.load()方法开始加载数据。

相关内容

热门资讯

透视苹果版!智星德州插件(透视... 透视苹果版!智星德州插件(透视)微乐家乡破解版(确实真的有辅助工具)-哔哩哔哩1、微乐家乡破解版辅助...
长期以来!wepoker辅助插... 长期以来!wepoker辅助插件功能(透视)游戏黑科技夫追求(一直存在有辅助app)-哔哩哔哩1.游...
透视科技!拱趴大菠萝作必弊方法... 透视科技!拱趴大菠萝作必弊方法(透视)中至赣州黑科技辅助软件(本来有辅助辅助器)-哔哩哔哩1、全新机...
透视智能ai!淘宝买wepok... 透视智能ai!淘宝买wepoker透视有用吗(透视)玩吧辅助脚本(一直是有辅助辅助器)-哔哩哔哩1、...
透视肯定!wepoker辅助器... 透视肯定!wepoker辅助器是真的吗(透视)心悦海南苹果版辅助(原来是真的辅助神器)-哔哩哔哩1、...
一直以来!wepoker钻石怎... 一直以来!wepoker钻石怎么看底牌(透视)丫丫老陕开挂(好像真的是有辅助下载)-哔哩哔哩1、丫丫...
透视实锤!wepoker怎么提... 透视实锤!wepoker怎么提高运气(透视)赣湘互娱挂(都是存在有辅助神器)-哔哩哔哩1、赣湘互娱挂...
透视辅助!newpoker脚本... 透视辅助!newpoker脚本(透视)四川微乐小程序辅助器(都是是真的辅助平台)-哔哩哔哩;一、四川...
为切实保障!哈糖大菠萝攻略(透... 为切实保障!哈糖大菠萝攻略(透视)广东雀神智能插件(本来真的是有辅助安装)-哔哩哔哩所有人都在同一条...
透视好友房!wepoker俱乐... 透视好友房!wepoker俱乐部辅助(透视)广西友乐免费辅助使用视频(切实是有辅助软件)-哔哩哔哩1...