近1个月订单占比城市TOP6

2021-10-07 17:03:22 阅读：118 来源： 互联网

标签：false show color TOP6 城市 myChart 订单 true 255

/*-----------------------近1个月安装服务城市TOP10---------------------*/
// 
$(document).ready(function () {
  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.querySelector(".mes993 .chart"));

  // 2. 指定配置和数据
  myChart.setOption (
    
    {
      color: ["#2f89cf"],
    grid: {
      top: "5%",
      left: "3%",
      right: "4%",
      bottom: "1%",
      show: true,
      borderColor: "#012f4a",
      containLabel: true
    },
    xAxis: {
        type: 'value',
        show:false,
        splitLine: {
                          show: false//是否显示分隔线。
                   },
        // 去除刻度
          axisTick: {
             show: true
                    },
      // 去除x坐标轴的颜色
      axisLine: {
        show: false
      },
        boundaryGap: [0, 0.01]
    },
    yAxis: {
             show:true,

　　　　//去除y线　　　　　　axisLine: { 　　　　　　　　show: false 　　　　　　　　　},

             axisTick: {
                          show: false   // 去除刻度
                       },
             splitLine: {
                          show: false//是否显示分隔线。
                        },
             axisLabel: {
                          color: "rgba(255,255,255,.7)" ,  // 修饰刻度标签的颜色
                          show:true
                        },
        type: 'category'

    },


    dataset: {
         source: [ ]
      },
    series: [
      {
       // name: "发货",
        type: "bar",
        barWidth: "50%",
        label: {
        show: true,
      
        position: 'inside',
        textStyle: {
            color: "rgba(255,255,255,.6)",
            fontSize: "12"
          }
      },
            //带背景
      showBackground: true,
      backgroundStyle: {
        color: 'rgba(255,255,255,0.2)',

      },
      //圆角
      itemStyle: {
          barBorderRadius: 5
        }

      }
     
    ]
}
  
  );


    //第一次加载
    myChart.showLoading();
       // 异步加载数据
  
   $.get('data993.json').done(function (data) {
    myChart.hideLoading();
      myChart.setOption({ 
      dataset:{  source:data.source  },
  });

  window.addEventListener("resize", function () {
    myChart.resize();
  });
  
});

});
/*-----------------------TOP 排列榜---------------------*/

备注：Y轴这条线怎么去除的，有网友知道麻烦告诉一下。我试了很多次还是不行。

标签：false,show,color,TOP6,城市,myChart,订单,true,255
来源： https://www.cnblogs.com/redhat588/p/15376377.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

近1个月订单占比城市TOP6