快三最新选号技巧—官方网址22270.COM鈥擡Charts 閰嶇疆璇硶

鏈珷鑺傛垜浠皢涓哄ぇ瀹朵粙缁嶄娇鐢 快三最新选号技巧—官方网址22270.COM鈥擡Charts 鐢熸垚鍥捐〃鐨勪竴浜涢厤缃

绗竴姝ワ細鍒涘缓 HTML 椤甸潰

鍒涘缓涓涓 HTML 椤甸潰锛屽紩鍏 echarts.min.js锛

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- 寮曞叆 快三最新选号技巧—官方网址22270.COM鈥擡Charts 鏂囦欢 -->
    <script src="echarts.min.js"></script>
</head>
</html>

绗簩姝: 涓 快三最新选号技巧—官方网址22270.COM鈥擡Charts 鍑嗗涓涓叿澶囬珮瀹界殑 DOM 瀹瑰櫒

瀹炰緥涓 id 涓 main 鐨 div 鐢ㄤ簬鍖呭惈 快三最新选号技巧—官方网址22270.COM鈥擡Charts 缁樺埗鐨勫浘琛:

<body>
    <!-- 涓 快三最新选号技巧—官方网址22270.COM鈥擡Charts 鍑嗗涓涓叿澶囧ぇ灏忥紙瀹介珮锛夌殑 DOM -->
    <div id="main" style="width: 600px;height:400px;"></div>
</body>

绗笁姝: 璁剧疆閰嶇疆淇℃伅

快三最新选号技巧—官方网址22270.COM鈥擡Charts 搴撲娇鐢 json 鏍煎紡鏉ラ厤缃

echarts.init(document.getElementById('main')).setOption(option);

快三最新选号技巧—官方网址22270.COM杩欓噷 option 琛ㄧず浣跨敤 json 鏁版嵁鏍煎紡鐨勯厤缃潵缁樺埗鍥捐〃銆傛楠ゅ涓嬶細

鏍囬

涓哄浘琛ㄩ厤缃爣棰橈細

title: {
    text: '绗竴涓 快三最新选号技巧—官方网址22270.COM鈥擡Charts 瀹炰緥'
}

鎻愮ず淇℃伅

閰嶇疆鎻愮ず淇℃伅锛

tooltip: {},

鍥句緥缁勪欢

鍥句緥缁勪欢灞曠幇浜嗕笉鍚岀郴鍒楃殑鏍囪(symbol)锛岄鑹插拰鍚嶅瓧銆傚彲浠ラ氳繃鐐瑰嚮鍥句緥鎺у埗鍝簺绯诲垪涓嶆樉绀恒

legend: {
    data: [{
        name: '绯诲垪1',
        // 寮哄埗璁剧疆鍥惧舰涓哄渾銆
        icon: 'circle',
        // 璁剧疆鏂囨湰涓虹孩鑹
        textStyle: {
            color: 'red'
        }
    }]
}

X 杞

閰嶇疆瑕佸湪 X 杞存樉绀虹殑椤:

xAxis: {
    data: ["琛~","缇婃瘺琛","闆汉琛","瑁ゅ瓙","楂樿窡闉","琚滃瓙"]
}

Y 杞

閰嶇疆瑕佸湪 Y 杞存樉绀虹殑椤广

yAxis: {}

绯诲垪鍒楄〃

姣忎釜绯诲垪閫氳繃 type 鍐冲畾鑷繁鐨勫浘琛ㄧ被鍨:

series: [{
    name: '閿閲',  // 绯诲垪鍚嶇О
    type: 'bar',  // 绯诲垪鍥捐〃绫诲瀷
    data: [5, 20, 36, 10, 10, 20]  // 绯诲垪涓殑鏁版嵁鍐呭
}]

姣忎釜绯诲垪閫氳繃 type 鍐冲畾鑷繁鐨勫浘琛ㄧ被鍨嬶細

  • type: 'bar'锛氭煴鐘/鏉″舰鍥
  • type: 'line'锛氭姌绾/闈㈢Н鍥
  • type: 'pie'锛氶ゼ鍥
  • type: 'scatter'锛氭暎鐐癸紙姘旀场锛夊浘
  • type: 'effectScatter'锛氬甫鏈夋稛婕壒鏁堝姩鐢荤殑鏁g偣锛堟皵娉★級
  • type: 'radar'锛氶浄杈惧浘
  • type: 'tree'锛氭爲鍨嬪浘
  • type: 'treemap'锛氭爲鍨嬪浘
  • type: 'sunburst'锛氭棴鏃ュ浘
  • type: 'boxplot'锛氱褰㈠浘
  • type: 'candlestick'锛欿绾垮浘
  • type: 'heatmap'锛氱儹鍔涘浘
  • type: 'map'锛氬湴鍥
  • type: 'parallel'锛氬钩琛屽潗鏍囩郴鐨勭郴鍒
  • type: 'lines'锛氱嚎鍥
  • type: 'graph'锛氬叧绯诲浘
  • type: 'sankey'锛氭鍩哄浘
  • type: 'funnel'锛氭紡鏂楀浘
  • type: 'gauge'锛氫华琛ㄧ洏
  • type: 'pictorialBar'锛氳薄褰㈡煴鍥
  • type: 'themeRiver'锛氫富棰樻渤娴
  • type: 'custom'锛氳嚜瀹氫箟绯诲垪

瀹炰緥

浠ヤ笅涓哄畬鏁寸殑瀹炰緥锛

瀹炰緥

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>绗竴涓 快三最新选号技巧—官方网址22270.COM鈥擡Charts 瀹炰緥</title> <!-- 寮曞叆 echarts.js --> <script src="http://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> </head> <body> <!-- 涓嚎烊钚卵『偶记伞俜酵22270.COM鈥擡Charts鍑嗗涓涓叿澶囧ぇ灏忥紙瀹介珮锛夌殑Dom --> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> // 鍩轰簬鍑嗗濂界殑dom锛屽垵濮嬪寲echarts瀹炰緥 var myChart = echarts.init(document.getElementById('main')); // 鎸囧畾鍥捐〃鐨勯厤缃」鍜屾暟鎹 var option = { title: { text: '绗竴涓 快三最新选号技巧—官方网址22270.COM鈥擡Charts 瀹炰緥' }, tooltip: {}, legend: { data:['閿閲'] }, xAxis: { data: ["琛~","缇婃瘺琛","闆汉琛","瑁ゅ瓙","楂樿窡闉","琚滃瓙"] }, yAxis: {}, series: [{ name: '閿閲', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆 myChart.setOption(option); </script> </body> </html>

灏濊瘯涓涓 禄

鐐瑰嚮 "灏濊瘯涓涓" 鎸夐挳鏌ョ湅鍦ㄧ嚎瀹炰緥

鏇村閰嶇疆椤瑰唴瀹瑰弬鑰冿細http://www.echartsjs.com/zh/option.html