[聚合文章] echarts改变颜色属性的demo

原文链接: https://www.jianshu.com/p/33b25f07d967

图片.png

代码：

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <!--   柱状统计图 -->        <div class="row">            <div id="main" ></div>        </div>    </body>    <script src="../../js/echarts/echarts.min.js" type="text/javascript"></script>    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>    <script type="text/javascript">        // 基于准备好的dom，初始化echarts实例        var myChart = echarts.init(document.getElementById('main'));        // 指定图表的配置项和数据        myChart.setOption({            title: {                text: '平均耗时（分钟）',            },            tooltip: {                trigger: 'axis',                axisPointer: {                    type: 'shadow'                }            },            legend: {                /*  data: [ '2012年']*/            },            grid: {                left: '3%',                right: '4%',                bottom: '3%',                containLabel: true            },            xAxis: {                type: 'value',                boundaryGap: [0, 0.01]            },            yAxis: {                type: 'category',                data: ['SA服务', '洗车', '总检', '喷漆', '钣金', '机修', '等号']            },            series: [{                    name: '2012年',                    type: 'bar',                    itemStyle: {                        normal: {                            color: '#a8bcd4'                        }                    },                    data: [10, 20, 31, 14, 11, 67]                }            ]        });    </script></html>

注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。