为什么我的 FusionCharts 图表没有转到其初始日期?
Why does my FusionCharts chart not go to its initial date?
我正在尝试使用 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",23],["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/
我正在尝试使用 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",23],["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/