web数据可视化（echarts版）代码3-7_web数据可视化echarts版第三章作业-CSDN博客

本文链接：https://blog.csdn.net/x15207439871/article/details/125163109

<!DOCTYPE html>
<html>

<body>
   
   <div id="main" style="width: 900px; height: 600px"></div>
   <script type="text/javascript">
       //基于准备好的DOM，初始化ECharts图表
       var myChart = echarts.init(document.getElementById("main"));
       //指定图表的配置项和数据
       var option = {
           color: ["red", 'green', 'blue', 'yellow', 'grey', '#FA8072'], //使用自己预定义的颜色
           tooltip: { //配置提示框组件
               trigger: 'axis'
           },
           legend: { //配置图例组件
               x: 300, data: ['最高', '最低']
           },
           toolbox: { //配置工具箱组件
               show: true, //设置是否显示工具箱组件
               orient: 'horizontal', //设置布局方式，默认为水平布局，可选:'horizontal'¦'vertical'
               //设置水平安放位置，默认为右对齐；
               //可选:'center'¦'left'¦'right'¦{number}（x坐标，单位px）
               x: 'right',
               y: 'top',
               color: ['#1e90ff', '#22bb22',