echarts实现多彩自定义样式柱状图图表效果代码-html代码-BFW代码库

echarts实现多彩自定义样式柱状图图表效果代码

代码语言：html

所属分类：图表

代码描述：echarts实现多彩自定义样式柱状图图表效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/echarts.js"></script>
    <style>
        #chart {
            width: 600px;
            height: 400px;
        }
    </style>
</head>

<body>
    <div id="chart"></div>
    <script>
        const myEcharts = echarts.init(document.getElementById('chart'));
        var xData = ["2020", "2021"];
        let colorData = [
          ['#87C53E', '#97D44F'],
          ['#40CDB9', '#2EAE9C'],
          ['#2CB8E6', '#0096C7'],
          ['#2C8CE6', '#1949BF'],
          ['#1949BF', '#2C61E6'],
          ['#341EA9', '#4829E4'],
          ['#6942B0', '#9162DE'],
          ['#9B40CA', '#BE5CDE'],
          ['#E18439', '#FFA127'],
          ['#DF9A37', '#FFC946'],
          ['#D2CB04', '#FFF95A'],
          ['#9FE04B', '#CAFF86']
        ]
        le.........完整代码请登录后点击上方下载按钮下载查看