zoukankan      html  css  js  c++  java
  • echarts常用的属性修改

    var option1 = {
                        tooltip: {
                            trigger: 'axis',
                            axisPointer : {            // 坐标轴指示器,坐标轴触发有效
                                type: 'shadow',        // 默认为直线,可选为:'line' | 'shadow'
                            }
                        },
                        dataZoom: [
                            {
                                type: "inside"   // 鼠标内部可以滑滑轮展示伸缩效果
                            }
                        ],
                        legend: {
                            inactiveColor: '#666',
                            textStyle: {
                                color: '#000000A6'
                            },
                            data: []
                        },
    // 距离容器四周的距离
                        grid: {
                            left: 60,
                            top: 40,
                            right: 40,
                            bottom: 30,
                        },
                        xAxis: {
                            name: '日期',
                            splitLine: {
                                show: false,
                            },
                            axisLine: {
                                show: true,
                                lineStyle: {
                                    color: ['#000000A6'],
                                }
                            },
                            axisTick: {
                                inside:true,
                            },
                            boundaryGap: true,
                            type: 'category',
                            data: this.echartTime
                        },
                        yAxis: {
                            name: '数量',
                            minInterval:1, // 强制将坐标轴的坐标设置为1
                            nameTextStyle: {
                                fontSize: 15,
                                color: '#000000A6'
                            },
                            splitLine: {
                                show: true,
                                lineStyle: {
                                    color: '#000000A6',
                                    type : 'dotted'
                                },
    
                            },
                            axisLine: {
                                show: true,
                                lineStyle: {
                                    color: ['#000000A6'],
                                }
                            },
                            axisTick: {
                                show: true,
                                inside:true,
                                color: ['#000000A6'],
                            },
                            type: 'value',
                            show: true,
                        },
                        series: [
                            {
                                name: '视频数量',
                                type: 'bar',
                                itemStyle: {
                                    normal: {
                                        color: '#f5ad46'
                                    }
                                },
                                barWidth: 20,
                                data: this.echartIndividual
                            },
                        ]
                    };
  • 相关阅读:
    设计模式
    C++下char/string跟int型转换比较
    function
    流程控制
    运算符
    type
    language
    phpbasic
    html标签集合
    课题六
  • 原文地址:https://www.cnblogs.com/cuteCoderSnow/p/13962323.html
Copyright © 2011-2022 走看看