<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            .con{
                position: absolute;
                width: 505px;
                height:260px;
                /* background-color: aquamarine; */
            }
            .con-po{
                      position: absolute;
                      width: 2px;
                      height: 134px;
                      background-color: #cecece;
                      top: 39px;
                      right: 157px;
            }
            .con-r{
                 position: absolute;
                 top: 2px;
                 left: 148px;
                 color: #717171;
            }
            .con-num{
                position: relative;
                top: 39px;
                left: 148px;
                color: #717171;
                font-size: 14px;
            }
            .con-bg{
                position: relative;
                background-color: aqua;
                width: 90%;
                height: 90%;
                top: 0px;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
            }
            
        </style>
    </head>
    <body>
        <div class="con">
            
            <div id="main" style="width:100%;height: 100%;"></div>
        </div>
         <script src="js/echarts.min.js"></script>
        <script>
            var chartDom = document.getElementById('main');
            var myChart = echarts.init(chartDom);
            var option;
        
            option = {
                 tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                      type: 'shadow'
                    }
                  },
                color:['#006FFF'],
              xAxis: {
                type: 'category',
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                axisLine:{
                      lineStyle:{
                          show:true,//是否显示坐标轴轴线，
                          color:'#E5E5E5',//x轴轴线的颜色
                          width:1,//x轴粗细
                      }
                },
                axisTick:{
                    show:true,//是否显示刻度
                    lineStyle:{color:'#E5E5E5'}    // x轴刻度的颜色
                },
                axisLabel: {
                    color: '#808080',// x轴字体颜色
                    interval:0//轴显示所有的数据
                 },
                
              },
              yAxis: {
                type: 'value',
                axisLine:{
                    show:true,
                      lineStyle:{
                          show:true,//是否显示坐标轴轴线，
                          color:'#E5E5E5',//x轴轴线的颜色
                          width:1,//x轴粗细
                      }
                },
                 splitLine: { show: false },
                 axisTick:{
                    show:true,//是否显示刻度
                     lineStyle:{color:'#'},    // x轴刻度的颜色
                    
                 },
                 axisLabel: {
                        color: '#808080',// x轴字体颜色
                        interval:0//轴显示所有的数据
                     },


              },
              series: [
                {
                  data: [120, 200, 150, 80, 70, 110, 130],
                  type: 'bar',
                   markPoint: {
                      itemStyle: {
                          //通常情况下：
                          normal: {
                              color:'#fff',
                              label:{
                                  color:'#006FFF',
                              }
                          },
                      },
                        data: [{
                          type: "max"
                        }],
                        symbol: "pin"
                      },
                }
              ]
            };
            option && myChart.setOption(option);
        </script>
    </body>
</html>

# echarts # javascript # 前端
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

[转载]在Windows环境下安装GNU Radio

转自：在Windows环境下安装GNURadio_恐弱智_新浪博客GNU Radio是用Python开发的，大部分开源的工程能够在Linux环境下运行良好，而Windows下却运行的很勉强，而且安装配置都很复杂。GNU Radio算是个例外了，不光提供了Windows的二进制安装，还有比较详细的说明。我是Python小白，所以折腾了好久才弄好，特意记录下来，免得以后再装还折腾。GNU Radio的

avatar GitCode 开源社区

centOS 8 使用dnf安装Docker

DNF是什么？CentOS 8使用YUM软件包管理器版本v4.0.4。现在，该版本使用DNF(已删除YUM)。DNF是软件包管理器。它会在Linux发行版上安装，执行更新并删除软件包。使用DNF安装Docker跳过具有损坏依赖性的程序包一个有效的解决方案是使您的CentOS 8系统使用以下--nobest命令安装最符合条件的版本：sudo dnf install docker...

avatar GitCode 开源社区

定时同步数据库表(mysql+linux+crontab)

sync.sh里面的参数需要改变，ip/username/password/database/tablesync.sh#!/bin/sh# Please change the IP and password of the data source db.# Then change the table name.filename=/home/nington/db/$(date +%Y-%m

avatar GitCode 开源社区