jqplot 设置来自 table 的数据系列
jqplot set data series from table
我正在使用 jqplot 从 HTML table.
创建饼图
但是,当尝试设置 var 时,图表不会绘制。
如果我简单的给var设置一个数字,比如:
var DataTest = 22;
那么图表就可以正常工作了。
但是,当我从 table 中获取值时,它没有,如下所示:
var DataTest = $(dataID + ' td:nth-child(46)').text();
饼图不显示。
饼图系列也通过变量设置:
var PieChartS1 = [ ['Label', DataTest] ];
然后在图表中加入代码如下:
var PieChartPlot = $.jqplot('PieChart', [PieChartS1, PieChartS2 ], {
seriesDefaults: {
renderer:$.jqplot.DonutRenderer,
rendererOptions:{
sliceMargin: 1,
startAngle: -145,
showDataLabels: true,
dataLabels: 'label',
padding: '5',
ringMargin: '5',
dataLabelThreshold: '1',
highlightMouseOver: true,
}
},
grid: {background: 'transparent', borderWidth: '0', cursor: 'pointer',},
});
请问是不是格式问题?
感谢您的帮助
理查德
更新:
我想知道图表是否是在获取数据之前由脚本形成的,所以它只是显示空白,因为它没有找到数据。也许我需要延迟图表的形成,直到 'get data' 脚本完全执行?
从别处得到了一些帮助。
需要指定为整数,所以需要改成:
var DataTest = parseInt($(dataID + ' td:nth-child(46)').text());
这很好用。
我正在使用 jqplot 从 HTML table.
创建饼图但是,当尝试设置 var 时,图表不会绘制。
如果我简单的给var设置一个数字,比如:
var DataTest = 22;
那么图表就可以正常工作了。
但是,当我从 table 中获取值时,它没有,如下所示:
var DataTest = $(dataID + ' td:nth-child(46)').text();
饼图不显示。
饼图系列也通过变量设置:
var PieChartS1 = [ ['Label', DataTest] ];
然后在图表中加入代码如下:
var PieChartPlot = $.jqplot('PieChart', [PieChartS1, PieChartS2 ], {
seriesDefaults: {
renderer:$.jqplot.DonutRenderer,
rendererOptions:{
sliceMargin: 1,
startAngle: -145,
showDataLabels: true,
dataLabels: 'label',
padding: '5',
ringMargin: '5',
dataLabelThreshold: '1',
highlightMouseOver: true,
}
},
grid: {background: 'transparent', borderWidth: '0', cursor: 'pointer',},
});
请问是不是格式问题?
感谢您的帮助
理查德
更新:
我想知道图表是否是在获取数据之前由脚本形成的,所以它只是显示空白,因为它没有找到数据。也许我需要延迟图表的形成,直到 'get data' 脚本完全执行?
从别处得到了一些帮助。
需要指定为整数,所以需要改成:
var DataTest = parseInt($(dataID + ' td:nth-child(46)').text());
这很好用。