怎么在jQuery中使用HighCharts绘制一个2D折线图-创新互联

今天就跟大家聊聊有关怎么在jQuery中使用HighCharts绘制一个2D折线图,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

创新互联公司是一家集网站建设,沈阳企业网站建设,沈阳品牌网站建设,网站定制,沈阳网站建设报价,网络营销,网络优化,沈阳网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

1、实例代码:





HighCharts 2D折线图



   $(function(){
     $('#lineChart').highcharts({
       chart: {
         type: 'line'
       },
       title: {
         text: '(jb51.net统计)2013年月收入'
       },
       subtitle: {
         text: '月收入'
       },
       xAxis: {
         categories: [
           '一月',
           '二月',
           '三月',
           '四月',
           '五月',
           '六月',
           '七月',
           '八月',
           '九月',
           '十月',
           '十一月',
           '十二月'
         ]
       },
       yAxis: {
         min: 0,
         title: {
           text: '收入 (¥)'
         }
       },
       tooltip: {
         headerFormat: '{point.key}',
         pointFormat: '{series.name}: ' +
           '{point.y:.1f} 元',
         footerFormat: '
',          shared: true,          useHTML: true        },        plotOptions: {          column: {            pointPadding: 0.2,            borderWidth: 0          }        },        series: [{          name: '张三',          data: [4995, 7169, 1064, 7292, 2440, 4545, 6545, 9564, 1245, 4512, 6523, 4514]        }, {          name: '李思',          data: [8361, 2354, 4512, 2356, 4515, 6451, 9865, 5455, 8254, 6562, 6945, 2356]        }, {          name: '王武',          data: [4512, 9565, 6564, 2652, 3265, 1202, 7845, 9845, 2356, 7844, 5424, 6312]        }, {          name: '赵六',          data: [6523, 8956, 6531, 6532, 9864, 4552, 9564, 7845, 6523, 4512, 8956, 2356]        }]      });    });   

看完上述内容,你们对怎么在jQuery中使用HighCharts绘制一个2D折线图有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联网站建设公司行业资讯频道,感谢大家的支持。

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


名称栏目:怎么在jQuery中使用HighCharts绘制一个2D折线图-创新互联
当前地址:http://myzitong.com/article/cehcoc.html

其他资讯