源码目录
D:.
├─components
│ ├─Echart
│ │ ChartTitle.vue # 图表标题
│ │ DimensionAnalysisV2.vue # 全局分析组件
│ │
│ └─YEcharts
│ │ ChartEmptyLoading.vue # 图表 空白/ loading组件
│ │
│ ├─ChartButton # 图表 控制按钮
│ │ ChartButton.vue
│ │ ChartButtonGroup.vue
│ │
│ ├─hooks
│ │ useChartRequest.js # 图表 通用请求
│ │ useChartTools.js # 图表 工具栏
│ │
│ ├─OrdinaryUtils
│ │ YEchartsOrdinary.js # ordinaryProps
│ │ YEchartUtil.js # 通用工具函数
│ │
│ └─ToolBox # chart 图表视图工具栏
│ ChartToolBox.ts
│ ChartToolBox.vue
package:.
├─makeChartData # 图表数据处理函数
│ com.js
│ makeBar.js
│ makeBarLine.js
│ makeBoxplot.js
│ makeHeatmap.js
│ makeLine.js
│ makeMap.js
│ makePie.js
│ makeStackVertical.js
│ makeStackVerticalPercent.js
│ makeTableData.js
│
├─makeTableData # 图表数据视图处理函数
│ makeBarHorizontalLinesTableData.js
│ makeBarTableData.js
│ makeBaseData.js
│ makeBoxplotTableData.js
│ makeLinesTableData.js
│ makeStackBarTableData.js
│
└─YChart #
├─chart # 各类图表合集
│ │ YChart.ts # 各类图表通用模块
│ │ YVChart.vue # 基于VChart的封装层
│ │
│ ├─BarHorizontal #- 横向柱状图
│ │ BarHorizontal.vue
│ │ options.js
│ │
│ ├─BarLine #- 多列纵向柱状图+折线图
│ │ BarLine.vue
│ │ options.js
│ │
│ ├─BarOneVertical #- 多列纵向柱状图-一柱一系列
│ │ BarOneVertical.vue
│ │ options.js
│ │
│ ├─BarVertical #- 多列纵向柱状图
│ │ BarVertical.vue
│ │ options.js
│ │
│ ├─Boxplot #- 箱子折线图
│ │ boxplot.md
│ │ boxplot.vue
│ │ options.js
│ │ useBoxplotTooltip.js
│ │
│ ├─Graph #- 关系图
│ │ Graph.vue
│ │ options.js
│ │
│ ├─Heatmap #- 热力图
│ │ HeatMap.vue
│ │ options.js
│ │
│ ├─Interval #- 区间图
│ │ interval.md
│ │ Interval.vue
│ │ options.js
│ │
│ ├─Lines #- 折线图
│ │ Lines.vue
│ │ options.js
│ │
│ ├─Map #- 地图
│ │ options.js
│ │ ZhMap.vue
│ │
│ ├─Pie #- 饼图
│ │ options.js
│ │ Pie.vue
│ │
│ ├─StackHorizontal #- 横向堆叠柱状图
│ │ options.js
│ │ StackHorizontal.vue
│ │
│ ├─StackLineVertical #- 纵向堆叠图+折线图
│ │ options.js
│ │ StackLineVertical.vue
│ │
│ ├─StackVertical #- 纵向堆叠柱状图
│ │ options.js
│ │ StackVertical.vue
│ │
│ └─StackVerticalPercent #- 纵向堆叠柱状图百分比
│ options.js
│ StackVerticalPercent.vue
│
├─chartBox #- chartItem 用于echarts 和自定义的tooltip/lengend 交互
│ ChartBox.vue
│
├─control # 控制按钮
│ ├─Legend
│ │ │ Legend.vue
│ │ │ LegendTree.vue
│ │ │
│ │ └─component
│ │ LegendItem.vue
│ │
│ ├─Tooltip
│ │ Tooltip.vue
│ │
│ └─YName # Y轴名称
│ YName.vue
│
├─hooks
│ useAutoResize.js # echarts 监听div宽度变化
│ useDataZoom.ts # 根据charts宽度/高度, 计算dataZoom显示单元数和dataZoom的显示/隐藏
│ useInitChart.js # 初始化echart，
│ useLabelLayout.js
│ useLegendList.js # 获取echarts的legend数据
│ useStackTotalLabel.js # 堆叠图，顶部显示总数
│ useTooltip.js # 获取tootip(提示) 数据
│
├─options # 各类图表基础Echarts.options配置
│ bar.js
│ baseOption.js
│ boxplot.js
│ index.js
│ line.js
│ xAxis.js
│ yAxis.js
│
├─table # echarts图表的数据视图(table)
│ BarTable.vue
│ BoxplotTable.vue
│ LineTable.vue
│ StackBarLineTable.vue
│
├─tooltip # 自定义tootip的html文本
│ tooltip.js
│
└─utils
com.js
getChartSeries.js # charts.series
mergeEChartsOption.js # 合并自定义option和基础option