Echarts2 主题--(标签式单文件引入时主题设置)

最新推荐文章于 2024-08-14 10:04:32 发布

Mars辰晨

最新推荐文章于 2024-08-14 10:04:32 发布

阅读量997

点赞数

分类专栏：前端文章标签： echars

本文链接：https://blog.csdn.net/Revered_Mars/article/details/80478272

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="height:400px"></div>
    <!-- ECharts单文件引入 -->
    <script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
    <!-- <script src="dark2.js"></script> -->
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts图表
        var myChart = echarts.init(document.getElementById('main'),'helianthus');  //官方默认提供主题参数 infographic / macarons
        
        var option = {
            tooltip: {
                show: true
            },
            legend: {
                data:['销量']
            },
            xAxis : [
                {
                    type : 'category',
                    data : ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
                }
            ],
            yAxis : [
                {
                    type : 'value'
                }
            ],
            series : [
                {
                    "name":"销量",
                    "type":"bar",
                    "data":[5, 20, 40, 10, 10, 20]
                }
            ]
        };

        // 为echarts对象加载数据 
        myChart.setOption(option,true); 
    </script>
</body>

除了官方提供的两个默认主题,暂时没找到自定义方案