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

将echarts封装为js文件

2024-06-20 00:06:04 前端知识 前端哥 39 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
标签
评论
发布的文章

Markdown基础与进阶语法

2024-06-30 22:06:12

零基础 HTML 入门(详细)

2024-06-30 22:06:09

CSS3基本语法

2024-06-30 22:06:51

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