首页用echarts代码比较梅西C罗成就

用echarts代码比较梅西C罗成就

时间: 2024-02-28 14:53:03 浏览: 125

好的，以下是一个使用ECharts绘制柱状图来比较梅西和C罗不同成就的代码示例： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Messi vs Ronaldo Achievements</title>  <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.1/dist/echarts.min.js"></script> </head> <body>  <div id="main" style="width: 800px;height:600px;"></div> <script type="text/javascript"> // 基于准备好的 DOM，初始化 ECharts 实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { title: { text: 'Messi vs Ronaldo Achievements' }, tooltip: {}, legend: { data:['Messi', 'Ronaldo'] }, xAxis: { data: ['Ballon d\'Or', 'FIFA World Player of the Year', 'UEFA Best Player in Europe Award', 'UEFA Champions League', 'La Liga', 'Copa del Rey', 'Supercopa de Espana', 'International Trophies'] }, yAxis: {}, series: [{ name: 'Messi', type: 'bar', data: [10, 4, 6, 4, 3, 4, 4, 1] }, { name: 'Ronaldo', type: 'bar', data: [5, 4, 4, 4, 1, 2, 2, 1] }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); </script> </body> </html> ``` 以上代码使用ECharts库绘制柱状图，将梅西和C罗在不同成就上的数据放在同一个图表中进行比较。您可以根据需要更改代码，以绘制不同类型的比较图表，例如折线图、散点图等。

阅读全文