echarts的主题如何设置(Face To)

最新推荐文章于 2025-08-13 16:52:31 发布

原创最新推荐文章于 2025-08-13 16:52:31 发布 · 3.6w 阅读

5 ·

CC 4.0 BY-SA版权

设计专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在ECharts中配置和使用'macarons'主题，包括在require中正确引入主题名称、通过function传递主题参数以及在初始化时设置主题的具体步骤。

'echarts/theme/macarons',

 require(
        [
            'echarts',
            'echarts/theme/macarons',
            'echarts/chart/bar',
            'echarts/chart/line'
        ],
        function (ec,theme) {
            //--- 折柱 ---
            var myChart = ec.init(document.getElementById('main'),theme);

1：在require里面导入 theme/macarons 主题的名字，注意不要加js

2：function传入 theme

3：初始化的时候，init有个参数是theme，文档如下所述：

{ECharts}init

{dom} dom,
{string | Object =}theme

初始化接口，返回ECharts实例，其中dom为图表所在节点，theme为可选的主题，内置主题（暂无）直接传入名称，自定义扩展主题可传入主题对象