Echarts公用代码的变量统一封装调用

简介: Echarts公用代码的变量统一封装调用

在Echarts中,有些属性是通用的属性,如果在组件中重复使用,不便于调整且容易造成代码冗余,建议使用变量,然后统一传入。

使用示例如下:

定义变量

var labelRight = {
    normal: {
        position: 'right'
    }
};


统一调用

data: [{
        value: -0.07,
        label: labelRight
    },
    {
        value: -0.09,
        label: labelRight
    },
    {
        value: -0.23,
        label: labelRight
    },
    {
        value: -0.17,
        label: labelRight
    },
    {
        value: -0.36,
        label: labelRight
    }
]

Done !


相关文章
|
2月前
若依框架 --- echarts 封装
若依框架 --- echarts 封装
185 0
|
9月前
|
JavaScript
自行封装的tabs组件配合echarts而出现的bug以及解决
自行封装的tabs组件配合echarts而出现的bug以及解决
125 0
|
12月前
|
定位技术 数据格式
Echarts实战案例代码(59):geomap实现飞线、散点、引导线以及重叠label的解决
Echarts实战案例代码(59):geomap实现飞线、散点、引导线以及重叠label的解决
427 0
这样封装echarts简单好用
这样封装echarts简单好用
|
2月前
|
前端开发 JavaScript 定位技术
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
52 0
|
2月前
|
前端开发 JavaScript
React中封装echarts图表组件以及自适应窗口变化
React中封装echarts图表组件以及自适应窗口变化
92 1
|
2月前
|
JavaScript
封装echarts china map geo实现dispatch触发geoSelect事件高亮显示某个省份和城市,并定义复杂样式
封装echarts china map geo实现dispatch触发geoSelect事件高亮显示某个省份和城市,并定义复杂样式
|
12月前
|
前端开发 数据可视化
漏刻有时数据可视化Echarts组件开发(1):报警状态组件CSS代码及封装函数
漏刻有时数据可视化Echarts组件开发(1):报警状态组件CSS代码及封装函数
45 0
|
12月前
Echarts实战案例代码(55):资金流入流出饼图
Echarts实战案例代码(55):资金流入流出饼图
58 0
|
12月前
Echarts实战案例代码(54):柱状图堆叠实现刻度线的解决方案
Echarts实战案例代码(54):柱状图堆叠实现刻度线的解决方案
75 0

热门文章

最新文章