首页 前端知识 将echarts封装为js文件

将echarts封装为js文件

2024-06-20 00:06:04 前端知识 前端哥 40 787 我要收藏

在项目目录下新建一个文件夹,新建echarts.js文件,import * as echarts from 'echarts'导入echarts组件,将图表例子封装到函数中,设置形参,在要使用的页面中引入echarts.js文件,将data中的数据当做实参传给形参,便可在页面中展示echarts图表。

import * as echarts from 'echarts';
export function chart(lineDataX, lineDataY) {
    var myChart = echarts.init(document.getElementById('piping'));
    myChart.setOption({
        xAxis: {
            name: "流量",
            data: lineDataX
        },
        yAxis: {    
            name: "m/s"
        },
        series: [
            {
                barWidth: '12px',
                type: 'bar',
                data: lineDataY,
                showBackground: true,
                backgroundStyle: {
                    color: '#6C8097'
                },
                itemStyle: {
                    color: '#159AFF',
                    opacit
转载请注明出处或者链接地址:https://www.qianduange.cn//article/12933.html
标签
评论
发布的文章

爱心

2024-06-27 17:06:24

读魏书生的心得体会

2024-07-03 14:07:10

jQuery 选择器

2024-05-12 00:05:34

Vue中public/assets目录区别

2024-07-02 23:07:29

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!