码迷,mamicode.com
首页 > 其他好文 > 详细

echarts的使用

时间:2020-03-05 13:16:56      阅读:41      评论:0      收藏:0      [点我收藏+]

标签:安全   value   axis   end   技术   png   次数   ima   使用   

改变x轴y轴的颜色

 1             xAxis : [
 2                 {
 3                     type : ‘category‘,
 4                     data : [‘1月‘,‘2月‘,‘3月‘,‘4月‘,‘5月‘,‘6月‘,‘7月‘,‘8月‘,‘9月‘,‘10月‘,‘11月‘,‘12月‘],    
 5                     //设置轴线的属性
 6                     axisLine:{
 7                         lineStyle:{
 8                             color:‘#FF0000‘,
 9                             width:8,//这里是为了突出显示加上的
10                         }
11                     } 
12                 }
13             ],
14             yAxis : [
15                 {
16                     type : ‘value‘,
17                     //设置轴线的属性
18                     axisLine:{
19                         lineStyle:{
20                             color:‘#00FF00‘,
21                             width:8,//这里是为了突出显示加上的
22                         }
23                     } 
24                 }
25             ],
26                 

柱状图的宽度

1             series: [{
2                 name: ‘登录次数‘,
3                 type: ‘bar‘,
4                 data: [500, 200, 136, 100, 90, 80, 70, 60, 50, 40],
5                 barWidth:‘10px‘, //宽度
6                 color:‘#12BA1D‘, //颜色
7             }]

坐标轴刻度线

1  axisTick: {           //坐标轴刻线
2     show: true
3 },

 安全基线

1             visualMap: {
2                 show: true,
3                 pieces: {
4                         color: ‘#03d6d6‘,
5                     }
6             },

 x轴和y轴的线条(在xAxis里设置)

1 splitLine: {
2    show: true,
3    interval: auto,
4     lineStyle: {
5     color: #F6F6F6,
6      }
7  },

 

            legend: {
                data:[‘登录次数‘],
                x:‘650px‘,
            },
技术图片

 

 

  

echarts的使用

标签:安全   value   axis   end   技术   png   次数   ima   使用   

原文地址:https://www.cnblogs.com/wxy0715/p/12419503.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!