微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么我的 FusionCharts 图表没有进入其初始日期?

如何解决为什么我的 FusionCharts 图表没有进入其初始日期?

我正在尝试使用 FusionCharts 构建一个非常简单的图表,我可以在其中显示时间轴图表中的数据。我关注了 examples on the official website,但我的图表不会跳转到 x 轴的设置初始日期。相反,我的图表最初设置为 1970 年 1 月,据我所知,这是基于 UNIX 的机器上的最小日期值。

const data = [["2020-01-01",0],["2020-01-02",2],["2020-01-03",6],["2020-01-06",4],["2020-01-07",12],["2020-01-08",13],["2020-01-10",5],["2020-01-11",23],["2020-01-20",26],["2020-01-21",22],["2020-01-22",17],["2020-01-23",30],["2020-01-24",27],["2020-01-28",28],["2020-02-02",["2020-02-03",33]]
const schema = [{"name":"Date","type":"date","format":"%d-%b-%y"},{"name":"Value","type":"number"}]

const dataStore = new FusionCharts.DataStore();
const dataSource = {
  chart: {},caption: {
    text: "Sales Analysis"
  },subcaption: {
    text: "Grocery"
  },yaxis: [
    {
      plot: {
        value: "Grocery Sales Value"
      },format: {
        prefix: "$"
      },title: "Sale Value"
    }
  ],xaxis: {
    initialinterval: {
      from: '2020-01-01',to: '2020-01-31',}
  }
};
dataSource.data = dataStore.createDataTable(data,schema);

new FusionCharts({
  type: "timeseries",renderAt: "chart-container",width: "100%",height: "500",dataSource: dataSource
}).render();

解决方法

您需要根据您传递的日期时间正确设置日期时间格式。

在您的架构中检查以下正确的日期时间格式。

const schema = [{"name":"Date","type":"date","format":"%Y-%m-%d"},{"name":"Value","type":"number"}]

还要检查以下修改后的示例http://jsfiddle.net/t7y3upoj/1/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。