百度的echart怎么换主题啊?

2025-02-27 16:44:19
推荐回答(2个)
回答1:

1、下载好开发包后就可以开始了,第一步引入开发包,和需要的主题文件(可定义自己的主体文件),并定义好页面布局。2.0以后上的版本,需要把开发包放到body下,否则ie低版本会出现属性未找到的错误,导致图标初始化失败。

2、第二步,普通初始化图表,通过调用开发包方法,有两种初始化方式,

1.var myChart = echarts.init(document.getElementById("echart"));

2.var myChart=require('echarts').init(document.getElementById("echart"));

一般建议使用第一种方法进行初始化操作。

3、第三步,设置option属性,来给图表设置数据,option是数组元素,tooltip:提示框,legend图例,calculable可设置是否拖拽,series设置数据(data类型也为数组类型),开始先随机初始化几条模拟数据,

4、到这一步,就完成了,图表初始化的步骤,效果如下图所示。然后大家可以改变下图标的样式,2.0版本留了设置主题的方法,可设置setThem()对图表样式进行修改。

5、看看主题怎么配置,设置色版,设置主题颜色,不一一介绍了,请大家请看下面代码:

6、通过上面主题的添加完成了对样式的修改,当然最后大家记嘚设置myChart.setTheme(theme);

回答2:

你好!

首先,你要确定你有官方定义的主题。如果你下载是echart官方版的,你会看到有一个src文件夹,在src中有一个里面有一个theme文件,里面放的是echart自定义的三个theme。

第二,你require中引用你想要的主题,官方推荐的添加的方式是加“.js”的。

第三,在echart初始化的时候,加入主题名称。


从现在来看 你应该是没有引入你需要的主题,导致没有正常加载成功!


都开始做echart的相关的平台开发了,应该不是新手,说的比较简单。

有什么问题请追问,希望可以帮到你!

 // 路径配置
        require.config({
            paths: {
                echarts: 'build/dist'
            }
        });
        // 使用
        require(
            [
                'echarts',
'echarts/theme/macarons',  
                'echarts/chart/bar',
'echarts/chart/line'
            ],
            function (ec) {
                // 基于准备好的dom,初始化echarts图表
                var myChart = ec.init(document.getElementById('main'),'macarons');