无法将数组值输入图表
Cannot enter array values into graph
我正在使用 Rgraph 生成折线图。
我正在尝试使用 Javascript.
在图表中输入值
这是例程..
function update_day_temp(newval){
var newval = '6,5,7,3,7,9,10';
var dta = [];
dta = newval.split(',');
console.log('data ' + dta);
day_temp = new RGraph.Line({
id: 'day_temp',
// data: dta,
data: [6,5,7,3,7,9,10],
options: {
}
}).draw()
};
如果我按原样使用数据,一切都很好。
但是,如果我使用 dta,那么我确实会得到一个结果。
添加我之前的评论后,我一直在玩这个,你也可以这样做(已经满足):
data: '6,5,7,3,7,9,10'.split(','),
这只是将字符串拆分为数组,然后通过 RGraph 将值转换为数字。
在下一版本的 RGraph (v5.27) 中,您将不需要调用 split()。
这里有一个对数据调用 split() 函数的演示:
https://www.rgraph.net/demos/bar-basic.html
其中的代码是这样的:
new RGraph.Bar({
id: 'cvs',
data: '12,18,10,9,6,20,18'.split(','),
options: {
yaxisScaleUnitsPost: 'k',
colors: ['red'],
title: 'A basic Bar chart using accessible text',
titleBold: true,
xaxis: false,
yaxis: false,
marginLeft: 50,
tooltips: '%{key}',
tooltipsFormattedUnitsPost: '%',
tooltipsCss: {
fontSize: '26pt'
},
tooltipsFormattedKeyLabels: ['Dave','John'],
tooltipsEvent: 'mousemove'
}
}).draw().responsive([
{maxWidth:900,width:400,height:150,options: {textSize:10,xaxisLabels:['Mon\n(yuck!)','Tue','Wed','Thu','Fri\n(woo!)','Sat','Sun'],marginInner: 10}},
{maxWidth:null,width:750,height:250,options: {textSize:14,xaxisLabels: ['Monday\n(yuck!)','Tuesday','Wednesday','Thursday','Friday\n(woo!)','Saturday','Sunday'],marginInner: 20}}
]);
我正在使用 Rgraph 生成折线图。 我正在尝试使用 Javascript.
在图表中输入值这是例程..
function update_day_temp(newval){
var newval = '6,5,7,3,7,9,10';
var dta = [];
dta = newval.split(',');
console.log('data ' + dta);
day_temp = new RGraph.Line({
id: 'day_temp',
// data: dta,
data: [6,5,7,3,7,9,10],
options: {
}
}).draw()
};
如果我按原样使用数据,一切都很好。 但是,如果我使用 dta,那么我确实会得到一个结果。
添加我之前的评论后,我一直在玩这个,你也可以这样做(已经满足):
data: '6,5,7,3,7,9,10'.split(','),
这只是将字符串拆分为数组,然后通过 RGraph 将值转换为数字。
在下一版本的 RGraph (v5.27) 中,您将不需要调用 split()。
这里有一个对数据调用 split() 函数的演示:
https://www.rgraph.net/demos/bar-basic.html
其中的代码是这样的:
new RGraph.Bar({
id: 'cvs',
data: '12,18,10,9,6,20,18'.split(','),
options: {
yaxisScaleUnitsPost: 'k',
colors: ['red'],
title: 'A basic Bar chart using accessible text',
titleBold: true,
xaxis: false,
yaxis: false,
marginLeft: 50,
tooltips: '%{key}',
tooltipsFormattedUnitsPost: '%',
tooltipsCss: {
fontSize: '26pt'
},
tooltipsFormattedKeyLabels: ['Dave','John'],
tooltipsEvent: 'mousemove'
}
}).draw().responsive([
{maxWidth:900,width:400,height:150,options: {textSize:10,xaxisLabels:['Mon\n(yuck!)','Tue','Wed','Thu','Fri\n(woo!)','Sat','Sun'],marginInner: 10}},
{maxWidth:null,width:750,height:250,options: {textSize:14,xaxisLabels: ['Monday\n(yuck!)','Tuesday','Wednesday','Thursday','Friday\n(woo!)','Saturday','Sunday'],marginInner: 20}}
]);