New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details →
Socket
Book a DemoSign in
Socket

vsechart

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vsechart

simple wrap echarts to vue

latest
Source
npmnpm
Version
1.0.5
Version published
Maintainers
1
Created
Source

VsEchart

Echarts.js的简单封装

预览

特点

  • 视图大小响应式变化
  • 数据响应刷新

安装

npm install vsechart echarts

使用

<template>
  <div id="app">
    <vs-echart style="height:40vh" :option="option"></vs-echart>
    <vs-echart style="height:40vh" :option="option" theme="dark" svg></vs-echart>
  </div>
</template>

<script>
import VsEchart from "vsechart";

export default {
  components: { VsEchart },
  data: function () {
    return {
      //option的数据格式和Echart.js一致
      option: {
        title: {
          text: "ECharts",
        },
        tooltip: {},
        xAxis: {
          data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
        },
        yAxis: {},
        series: [
          {
            name: "销量",
            type: "bar",
            data: [15, 20, 36, 10, 10, 20],
          },
        ],
      },
    };
  },
};
</script>

APi

MethodsDescription
getInstancereturn echarts instance

更新

version:1.0.3 使用vue2
version:1.0.4 升级vue3

Keywords

vue

FAQs

Package last updated on 22 Mar 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts