highcharts快速入门

来源：互联网发布：手机怎样收藏淘宝店铺编辑：程序博客网时间：2024/06/06 19:42

官方网站：http://www.highcharts.com/

e.g：在网页中显示这个图形：

1）Add these JavaScript inclusions in the head of your page

<mce:script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" mce_src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></mce:script> <mce:script type="text/javascript" src="../js/highcharts.js" mce_src="js/highcharts.js"></mce:script>

2） Optional: add a theme file

<mce:script type="text/javascript" src="../js/themes/gray.js" mce_src="js/themes/gray.js"></mce:script>

3）Add the JavaScript to initialize the chart on document ready in <head>

注：这里面把数据也混到javascript里面了，让数据从外部传进来就更好了。

<mce:script type="text/javascript"></mce:script>

4）Add the container in <body>