如何解决为什么我的 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 举报,一经查实,本站将立刻删除。