欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

echarts坎坷心酸痛苦不归路...上的坑

程序员文章站 2022-03-14 15:53:38
...
app.title = '坐标轴刻度与标签对齐';

option = {
    color: ['#3398DB'],
    // 去掉tooltip后,当鼠标移入后默认的背景颜色会消失
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器,坐标轴触发有效
            type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            data : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'直接访问',
            type:'bar',
            barWidth: '60%',
            data:[10, 52, 200, 334, 390, 330, 220],
            itemStyle:{
                emphasis:{
                    // 此处控制的颜色,为当鼠标移入时柱子的颜色的变化
                    color:'red'
                }
            }
        }
    ]
};
echarts 折现加粗
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
series: [
            {
                name:systemName[0],
                type:'line',
                symbol:'star',//拐点样式
                symbolSize: 8,//拐点大小
                itemStyle : {
                    normal : {
                        lineStyle:{
                            width:3,//折线宽度
                            color:"#FF0000"//折线颜色
                        }
                    }
                },
                data:data[0]
            }
]
相关标签: color