迎接升级：base-echarts 2.0 版来袭！

2023-11-01 01:38:11

各位热衷于可视化数据的技术爱好者们，振奋人心的消息来了！我们的旗舰之作 base-echarts 迎来了激动人心的 2.0 版本，为您的数据可视化之旅注入全新的活力！

简介

base-echarts 是一个功能强大的 JavaScript 库，它基于备受推崇的 ECharts 库构建。此升级版引入了众多令人惊叹的新功能，包括：

语法糖形式的 setup 函数

厌倦了冗长的 setup 函数？别担心，我们为您提供了语法糖的形式。现在，您可以使用更简洁、更易读的语法来设置您的组件。此外，如果您使用的是插件打包组件，请确保您的组件内有一个 name 属性。

使用 setup 语法糖

<template>
  <div id="app"></div>
</template>

<script>
import { defineComponent } from 'vue';
import { useBaseEcharts } from 'base-echarts';

export default defineComponent({
  setup() {
    // 使用 setup 语法糖来设置图表
    const { echartsInstance } = useBaseEcharts({
      // 配置图表选项
    });

    return {
      echartsInstance,
    };
  },
});
</script>

或使用第三方插件 unplugin-vue-components

import { defineNuxtComponent, useBaseEcharts } from 'base-echarts';

export default defineNuxtComponent({
  setup() {
    const { echartsInstance } = useBaseEcharts({
      // 配置图表选项
    });

    return {
      echartsInstance,
    };
  },
});