// echarts-config.js
// ECharts按需引入配置文件
import * as echarts from 'echarts/core';
import {
  BarChart,
  LineChart,
  PieChart,
  ScatterChart,
  RadarChart
} from 'echarts/charts';
import {
  TitleComponent,
  TooltipComponent,
  GridComponent,
  PolarComponent,
  LegendComponent,
  GraphicComponent
} from 'echarts/components';
import { CanvasRenderer } from 'echarts/renderers';

echarts.use([
  BarChart,
  LineChart,
  PieChart,
  ScatterChart,
  RadarChart,
  TitleComponent,
  TooltipComponent,
  GridComponent,
  PolarComponent,
  LegendComponent,
  GraphicComponent,
  CanvasRenderer
]);

export default echarts;
// ============================================================
// ECharts按需引入指南
// 官方文檔：https://echarts.apache.org/zh/option.html#title
// 怎么判斷需要引入什么組件???
// 1.圖標類型與組件對應關系
// 柱狀圖/條形圖
import { BarChart } from 'echarts/charts';

// 折線圖/面積圖
import { LineChart } from 'echarts/charts';

// 餅圖/環形圖
import { PieChart } from 'echarts/charts';

// 散點圖/氣泡圖
import { ScatterChart } from 'echarts/charts';

// 雷達圖
import { RadarChart } from 'echarts/charts';

// 儀表盤
import { GaugeChart } from 'echarts/charts';

// 漏斗圖
import { FunnelChart } from 'echarts/charts';

// 地圖
import { MapChart } from 'echarts/charts';
// 2.通用組件（大部分圖表都需要）
import {
  TitleComponent,      // 標題
  TooltipComponent,    // 提示框
  GridComponent,       // 網格
  LegendComponent,     // 圖例
  ToolboxComponent,    // 工具箱（下載、刷新等）
  DataZoomComponent,   // 數據區域縮放
} from 'echarts/components';

// 3.根據配置項反推需要什么組件
// 如果您在options中使用了這些配置，就需要引入對應的組件：

// 需要 TitleComponent
title: { text: '圖表標題' }

// 需要 TooltipComponent  
tooltip: { trigger: 'axis' }

// 需要 LegendComponent
legend: { data: ['系列1', '系列2'] }

// 需要 GridComponent
grid: { left: '3%', right: '4%', bottom: '3%' }

// 需要 ToolboxComponent
toolbox: { feature: { saveAsImage: {} } }

// 需要 DataZoomComponent
dataZoom: [{ type: 'inside' }]

// 4.根據錯誤信息判斷
// 錯誤示例：Component seriesType.pie not exists.
// 解決方案：需要引入 PieChart
import { PieChart } from 'echarts/charts';

// 錯誤示例：Component legend not exists. 
// 解決方案：需要引入 LegendComponent
import { LegendComponent } from 'echarts/components';