如何使用jquery的Highcharts
1，在首頁導(dǎo)入其js
?
2，在需要顯示的頁面添加一個(gè)div：<div id="chart-container-1" style="margin:5px 10px;width: 888px; height: 500px"></div>
?
3，在需要顯示的頁面添加js代碼：
?
<script type="text/javascript">
?? ? ? ?var chart1; // globally available
?? ? ? ?$(document).ready(function() {
?? ? ? ? ? ? ?chart1 = new Highcharts.Chart({
?? ? ? ? ? ? ? ? chart: {
?? ? ? ? ? ? ? ? ? ?renderTo: 'chart-container-1',
?? ? ? ? ? ? ? ? ? ?defaultSeriesType: 'bar'
?? ? ? ? ? ? ? ? },
?? ? ? ? ? ? ? ? title: {
?? ? ? ? ? ? ? ? ? ?text: '圖表'
?? ? ? ? ? ? ? ? },
?? ? ? ? ? ? ? ? xAxis: {
?? ? ? ? ? ? ? ? ? ?categories: ['Apples', 'Bananas', 'Oranges']
?? ? ? ? ? ? ? ? },
?? ? ? ? ? ? ? ? yAxis: {
?? ? ? ? ? ? ? ? ? ?title: {
?? ? ? ? ? ? ? ? ? ? ? text: '圖標(biāo)列名'
?? ? ? ? ? ? ? ? ? ?}
?? ? ? ? ? ? ? ? },
?? ? ? ? ? ? ? ? series: [{
?? ? ? ? ? ? ? ? ? ?name: 'Jane',
?? ? ? ? ? ? ? ? ? ?data: [5，6，7]
?? ? ? ? ? ? ? ? }]
?? ? ? ? ? ? ?});
?? ? ? ? ? ? ?$("tspan:last").hide();//注意，這個(gè)可以把廣告刪除掉，哈哈
?? ? ? ?});
?? ?</script>
轉(zhuǎn)載于:https://www.cnblogs.com/yonge/archive/2012/04/06/2435424.html
總結(jié)
以上是生活随笔為你收集整理的如何使用jquery的Highcharts的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： vitess源码阅读笔记cache系列之
- 下一篇： 开启MSDTC的方法