echarts-0.0.1

echarts示例/配置项

示例
配置项

简单vue2Demo

<template>
  <v-chart class="chart" :option="option" />
</template>

<script>
import { use } from 'echarts/core';
import { CanvasRenderer } from 'echarts/renderers';
import { PieChart } from 'echarts/charts';
import {
  TitleComponent,
  TooltipComponent,
  LegendComponent,
} from 'echarts/components';
import VChart, { THEME_KEY } from 'vue-echarts';
import { ref, defineComponent } from 'vue';

use([
  CanvasRenderer,
  PieChart,
  TitleComponent,
  TooltipComponent,
  LegendComponent,
]);
export default {
 // name: "reportEchars",
  components: {
    VChart,
  },
   setup() {
    const option = ref({
    //title之类的
  });
   return { option };
}，
</script>

如何让饼图上下调整位置

最外层grid只能针对直角坐标系内绘图网格，单个 grid 内最多可以放置上下两个 X 轴，左右两个 Y 轴。可以在网格上绘制折线图，柱状图，散点图（气泡图）。

series: [
        {
        //距离上面的
        top: "40%",
          //饼图的半径，以高宽最短边按比例显示
          radius: [0, "65%"],
        },
      ],