Javascript 发布导入/要求pondj
我非常感谢您在以下问题上给予我帮助。构建React应用程序并尝试使用Pondjs模块创建时间序列(主要目标是使用React时间序列图表)。我使用npm安装了pond的0.8.9版,因为据我所知,较新版本的React Timeseries图表存在问题。我制作了一个组件来测试模块,代码如下:Javascript 发布导入/要求pondj,javascript,node.js,time-series,Javascript,Node.js,Time Series,我非常感谢您在以下问题上给予我帮助。构建React应用程序并尝试使用Pondjs模块创建时间序列(主要目标是使用React时间序列图表)。我使用npm安装了pond的0.8.9版,因为据我所知,较新版本的React Timeseries图表存在问题。我制作了一个组件来测试模块,代码如下: 从“React”导入React; 进口{ 图表, ChartContainer, 沙特罗, 亚克斯, 线条图 }从“反应时间序列图”; 从“pondj”导入{TimeSeries,Index}; 类图表扩展了
从“React”导入React;
进口{
图表,
ChartContainer,
沙特罗,
亚克斯,
线条图
}从“反应时间序列图”;
从“pondj”导入{TimeSeries,Index};
类图表扩展了React.Component{
render(){
常量数据1={
名称:“Demanda(Wh)Galpon 1”,
列:[“Hora”、“Valor”],
要点:[
[1400425947000, 2000],
[1400425948000, 2100],
[1400425949000, 2200],
[1400425950000, 2300],
[1400425951000, 2100],
]
};
常数数据2={
名称:“Demanda(Wh)Galpon 2”,
列:[“Hora”、“Valor”],
要点:[
[1400425947000, 1000],
[1400425948000, 2000],
[1400425949000, 3000],
[1400425950000, 1500],
[1400425951000, 2000],
]
};
const series1=新的时间序列(data1);
const series2=新的时间序列(数据2);
返回(
)
}
}
导出默认图表代码>在您的列中,默认情况下,“Hora”应该是“time”/“index”,您不能在默认情况下命名第一列,因为它是您的日期。那么其余的柱子就可以了
它应该是这样的:
const data1 = {
name: 'Demanda (Wh) Galpon 1',
columns: ["time", "Valor"],
points: [
[1400425947000, 2000],
[1400425948000, 2100],
[1400425949000, 2200],
[1400425950000, 2300],
[1400425951000, 2100],
]
};
const data2 = {
name: 'Demanda (Wh) Galpon 2',
columns: ["time", "Valor"],
points: [
[1400425947000, 1000],
[1400425948000, 2000],
[1400425949000, 3000],
[1400425950000, 1500],
[1400425951000, 2000],
]
};
我希望这有帮助