解决Echarts的toolbox只显示英文的问题

别团等shy哥发育

发布于 2023-02-25 16:27:11

1.5K0

文章被收录于专栏：全栈开发那些事全栈开发那些事

1、问题描述：

echarts的toolbox只显示英文，前几天还是中文，很奇怪。

2、解决方案：

我们为toolbox中每一个配置项都添加title属性，title属性的值就是你想显示的值，随便写。toolbox的配置代码如下：

toolbox: {                  //工具栏
                        show: true,               //显示工具栏组件
                        feature: {                //各工具配置项
                            mark: {
                                show: true
                            },
                            dataView: {
                                show: true,           //显示该工具
                                readOnly: false,       //是否显示不可编辑(只读)
                                title:'数据视图'
                            },
                            magicType: {            //动态类型切换
                                show: true,           //是否显示该工具
                                type: ['line', 'bar'], //启用的动态类型
                                title:{
                                    line:'切换为折线图',
                                    bar:'切换为柱状图'
                                }
                            },
                            restore: {              //配置项还原
                                show: true,            //是否显示该工具
                                title:'还原'
                            },
                            saveAsImage: {          //保存为图片
                                show: true,            //是否显示该工具
                                title:'保存'
                            }
                        }
                    }

改正后的效果：