echarts 折现图和柱状图 样式修改 设置折线样式 背景(文末附带完整代码)

1、设置折线图样式(修改后)(背景竖条纹间隔,去掉边框,设置折线和节点颜色,设置数据字体颜色)

设置折线样式:

设置折线图的背景样式:

2.设置柱状图样式(修改后)

设置柱子的样式

设置柱状图背景

完整代码:

 // 路径配置
    require.config({
        paths: {
            echarts: 'http://echarts.baidu.com/build/dist'
        }
    });

    // 使用
    require(
            [
                'echarts',
                'echarts/chart/line',//折线图
                'echarts/chart/bar' // 使用柱状图就加载bar模块,按需加载
            ],
            function (ec) {
                // 基于准备好的dom,初始化echarts图表
                var myChart = ec.init(document.getElementById('ttnEcharts'));

                option = {
                    // title: {
                    //     text: '折线图堆叠'
                    // },
                    
                    tooltip: {
                        trigger: 'axis'
                    },
                    legend: {
                        data:['地温','历史地温均值']
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '3%',
                        containLabel: true,
                        borderWidth:'0'
                    },
                    toolbox: {
                        feature: {
                  &nbs
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值