HCharts随笔之简单入门
生活随笔
收集整理的這篇文章主要介紹了
HCharts随笔之简单入门
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
此處可以對比我的另一個Echars簡單入門
直接上源碼
<!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>HCharts</title><script src="https://cdn.hcharts.cn/highcharts/highcharts.js"></script> </head> <body><!-- 為HCharts準備一個具備大小（寬高）的Dom --><!--<div id="container" style="width: 400px;height:400px;"></div>--><div id="container" style="width: 600px;min-width:400px;height:400px"></div><script type="text/javascript">// 基于準備好的dom，初始化echarts實例var chart = Highcharts.chart('container',{chart: {type: 'column'},credits: { //去除highcharts的水印鏈接 enabled:false},title: {text: 'HCharts 入門示例'},xAxis: {categories: ['襯衫','羊毛衫','雪紡衫','褲子','高跟鞋','襪子'],},yAxis: {min: 0,title: {text: '銷量'}},series: [{name: '銷量',data: [5, 20, 36, 10, 10, 20]}]});</script> </body> </html>顯示效果：
?
?
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的HCharts随笔之简单入门的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ACM-ICPC 2018 沈阳赛区网络
- 下一篇： 怎么将aspx网站改为静态页面？