做一个echarts柱状图，带数据

好的，我可以为您提供一个简单的 echarts 柱状图示例，带有一些随机数据。以下是代码示例： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Echarts柱状图</title>  <script src="https://cdn.jsdelivr.net/npm/echarts@4.9.0/dist/echarts.min.js"></script> </head> <body>  <div id="myChart" style="width: 600px;height:400px;"></div> <script> // 初始化 echarts 实例 var myChart = echarts.init(document.getElementById('myChart')); // 随机生成一些数据 var data = []; for (var i = 0; i < 5; i++) { data.push(Math.round(Math.random() * 100)); } // 配置柱状图的参数 var option = { title: { text: '柱状图示例' }, tooltip: {}, xAxis: { data: ['数据1', '数据2', '数据3', '数据4', '数据5'] }, yAxis: {}, series: [{ name: '数据量', type: 'bar', data: data }] }; // 使用刚指定的配置项和数据显示图表 myChart.setOption(option); </script> </body> </html> ``` 您可以将其复制到一个 HTML 文件中并在浏览器中打开以查看柱状图。如果需要更多帮助，请告诉我。

阅读全文

CSDN会员

开通CSDN年卡参与万元壕礼抽奖

海量 VIP免费资源千本正版电子书商城会员专享价千门课程&专栏

全年可省5,000元立即开通