Javascript jqPlot目标不';我没有静态id
我只是用jqplot玩了几个小时,但我找不到如何用更具体的jquery方式指定目标。 例如,如果我有html代码:Javascript jqPlot目标不';我没有静态id,javascript,jquery,charts,jqplot,Javascript,Jquery,Charts,Jqplot,我只是用jqplot玩了几个小时,但我找不到如何用更具体的jquery方式指定目标。 例如,如果我有html代码: <div id="chart"></div> 它将在id为chart的元素上创建一个图表 我想用的是这样的东西: $("#chart").jqplot([], {}); 或 或 var myChart=$(“”); myChart.jqplot([],{}); 我在这里看到这个问题已经在2009年提出: 有什么解决办法吗? 通过查看,您确实可以看到,$
<div id="chart"></div>
它将在id为chart的元素上创建一个图表
我想用的是这样的东西:
$("#chart").jqplot([], {});
或
或
var myChart=$(“”);
myChart.jqplot([],{});
我在这里看到这个问题已经在2009年提出:
有什么解决办法吗?
通过查看,您确实可以看到,$.jqplot
只接受目标元素的id作为第一个参数,所以您是对的
但是也定义了$.fn.jqplot
,这意味着您可以使用$(“.multiple_charts”).jqplot()代码>或$(“”)。jqplot()代码>。请注意,如果jqplot对象中的每个元素不存在,那么它将为每个元素创建一个唯一的id
哦,看起来我看到的版本还没有发布,但是您可以获取最新的代码并进行变通。只是为了跟进
HTML
因此,与其这样做
var plot2 = $.jqplot($('chart2'), [ data1 ], {
title: ' ',
seriesDefaults: {
shadow: false,
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
startAngle: 180,
sliceMargin: 4,
showDataLabels: true
}
},
legend: {
show:true, location: 'w'
}
}
);
你可以这样做
$(".test2").jqplot( [data1] , {
title: ' ',
seriesDefaults: {
shadow: false,
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
startAngle: 180,
sliceMargin: 4,
showDataLabels: true
}
},
legend: {
show:true, location: 'w'
}
}
);
如何在使用$(“..”).jqplot()时获得相同的jqplot
对象代码>而不是$.jqplot(…)
方法?我需要访问插件
属性和方法,如destroy()
等。
var myChart=$("<div></div>");
myChart.jqplot([], {});
<div id="chart2" class="test2" style="margin-top:20px; margin-left:20px; width:460px; height:300px;"></div>
var data1 = [
['Verwerkende industrie', 9],
['Retail', 3],
['Primaire producent', 4],
['Out of home', 2],
['Groothandel', 7],
['Grondstof', 9],
['Consument', 3],
['Bewerkende industrie', 2]
];
var plot2 = $.jqplot($('chart2'), [ data1 ], {
title: ' ',
seriesDefaults: {
shadow: false,
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
startAngle: 180,
sliceMargin: 4,
showDataLabels: true
}
},
legend: {
show:true, location: 'w'
}
}
);
$(".test2").jqplot( [data1] , {
title: ' ',
seriesDefaults: {
shadow: false,
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
startAngle: 180,
sliceMargin: 4,
showDataLabels: true
}
},
legend: {
show:true, location: 'w'
}
}
);