在WordPress中包含jqPlot可以通过以下步骤实现:
function enqueue_jqplot() {
wp_enqueue_script('jqplot', get_template_directory_uri() . '/path/to/jqplot/jquery.jqplot.min.js', array('jquery'), '1.0.0', true);
wp_enqueue_script('jqplot-pieRenderer', get_template_directory_uri() . '/path/to/jqplot/plugins/jqplot.pieRenderer.min.js', array('jqplot'), '1.0.0', true);
wp_enqueue_style('jqplot', get_template_directory_uri() . '/path/to/jqplot/jquery.jqplot.min.css', array(), '1.0.0', 'all');
}
add_action('wp_enqueue_scripts', 'enqueue_jqplot');
确保将上述代码中的/path/to/jqplot/
替换为你实际存放jqPlot库的路径。
<div id="chart"></div>
<script>
jQuery(document).ready(function($) {
var data = [['Category 1', 5], ['Category 2', 10], ['Category 3', 8]];
$.jqplot('chart', [data], {
seriesDefaults: {
renderer: $.jqplot.PieRenderer,
rendererOptions: {
showDataLabels: true
}
},
legend: {
show: true,
location: 'e'
}
});
});
</script>
这段代码创建一个包含id为"chart"的div元素,并使用jqPlot库绘制一个简单的饼图。你可以根据需要修改数据和图表类型。
领取专属 10元无门槛券
手把手带您无忧上云