Question

动态加载jqplot对应的文件并将数据传递给图表div但有时我得到的图表和其他时间我没有得到图表我的代码如下我maid ajax调用获取值并传递给对象st中的图形和输出结果显示在这里http://i43.tinypic.com/wcfns0.png请帮我功能

jsFunction3(xyz) {
 jQuery.getCSS = function( url, media )
 {
 jQuery( document.createElement('link') ).attr({ href: url, media: media || 'screen', type: 'text/css', rel: 'stylesheet' }).appendTo('head'); };

 $.getCSS('/redkanproject/plugins/jqplot-0.1/css/jqplot/jquery.jqplot.css','print'); 
 $.getScript('/redkanproject/plugins/jqplot-0.1/js/jqplot/jquery.jqplot.min.js', 

function() { }); $.getScript('/redkanproject/plugins/jqplot-0.1/js/jqplot/excanvas.min.js', function() { });
 $.getScript('/redkanproject/plugins/jqplot-0.1/js/jqplot/plugin/jqplot.pieRenderer.min.js', function() { }); 

var JSONObject = new Object; 
JSONObject.id =xyz;
 JSONstring = JSON.stringify(JSONObject); 
var url = "${createLink(controller:'page', action:'example4')}"; new Ajax.Request(url, { method:'post', contentType:'application/json', postBody:JSONstring, asynchronous:true, onSuccess: function (res) { 
st=(res.responseJSON)
 x="chart" // this is my div to display chart 
var plot1 = $.jqplot (x, [st], { title: 'Bianual Reviews percentage', grid: {
background:'#834100', shadow: true,borderWidth: 0, borderColor: 'white',shadowDepth: 0}, seriesDefaults: {
 // Make this a pie chart. 
renderer: $.jqplot.PieRenderer, rendererOptions: { 
// Put datalabels on the pie slices. 
// By default, labels show the percentage of the slice. 
sliceMargin:6,
showDataLabels: true
 }
 },
 legend: { show:true, location: 'e' } } ); 
$(x).bind('jqplotDataClick', function(ev,seriesIndex, pointIndex, data) 
{ alert(" data: "+data); } 
);
 } 
})//ajax }
------------------------------------------------------------------------

Answer 1

我遇到了类似的问题，结果表明我在table元素上有一个全局样式，它将宽度设置为100％。例如

table{
width:100%
}

我将其更改为自动并且所有内容都正确显示

table{
width:auto;
}

希望有所帮助： - ）

Jqplot饼图只渲染线条

1 个答案: