您好,登錄后才能下訂單哦!
<html> <head> <title>practise and templet</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="jquery-1.4.min.js" ></script> <!--支持ie的js--> <script type="text/javascript" src="excanvas.js" ></script> <script type="text/javascript" src="jquery.jqplot.js" ></script> <script type="text/javascript" src="jqplot.cursor.js" ></script> <script type="text/javascript" src="jqplot.dateAxisRenderer.js" ></script> <script type="text/javascript" src="jqplot.highlighter.js" ></script> <script type="text/javascript"> $(function(){ var line1=[['2014-01-01', 100], ['2014-1-2', 123], ['2014-1-3', 23], ['2014-1-4', 345], ['2014-1-5', 232], ['2014-1-6', 234], ['2014-1-7', 312], ['2014-1-8', 23], ['2014-1-9', 234], ['2014-1-10', 31], ['2014-1-11', 234], ['2014-1-12', 42]]; var plot1 = $.jqplot('chart1', [line1], { title:'近期銷售量統計', axes:{ xaxis:{ renderer:$.jqplot.DateAxisRenderer, tickOptions:{ // x軸刻度標簽格式化為月日,如: May 1 //formatString:'%b %#d' formatString:'%y-%m-%#d' } }, yaxis:{ tickOptions:{ // y軸刻度標簽格式化為帶兩位小數的美元數,如: $500.00 formatString:'%.0f' } } }, highlighter: { // 是否高亮顯示 show: true, // 當鼠標移動到數據點上時,數據點擴大的增量增量 sizeAdjust: 7.5 }, cursor: { // 是否顯示光標,若為true,光標默認為十字 show: false } }); }); </script> </head> <body> <!--容器--> <div id="chart1" ></div> </body> </html>
=======================
jq庫在我的下載里下載
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。