初始化

frontend/packages/Echarts/3D图/基础柱状图.js

@@ -0,0 +1,128 @@
+// 配置版本号
+const version = '2025031201'
+// 标题
+const title = '基础柱状图'
+// 用于标识，唯一，和文件夹名称一致
+const name = '基础柱状图'
+// 右侧配置项
+// 右侧配置项
+const setting = [
+  {
+   label: '维度',
+   // 设置组件类型， select / input / colorPicker
+   type: 'select',
+   // 字段
+   field: 'xField',
+   optionField: 'xField', // 对应options中的字段
+   // 是否多选
+   multiple: false,
+   // 绑定的值
+   value: '',
+   // tab页。 data: 数据， custom: 自定义
+   tabName: 'data'
+ },
+ {
+   label: '指标',
+   // 设置组件类型
+   type: 'select',
+   // 字段
+   field: 'yField',
+   // 对应options中的字段
+   optionField: 'yField',
+   // 是否多选
+   multiple: false,
+   value: '',
+   tabName: 'data'
+ },
+ {
+   label: '柱形颜色',
+   type: 'colorPicker',
+   field: 'color',
+   optionField: 'color',
+   value: '#007aff',
+   tabName: 'custom',
+   groupName: 'graph'
+ },
+ {
+   label: 'x轴类型',
+   type: 'input',
+   field: 'xAxis_type',
+   optionField: 'xAxis.type',
+   value: 'category',
+   tabName: 'custom',
+   groupName: 'xAxis'
+ },
+ {
+  label: '标签显示',
+  type: 'switch',
+  field: 'xAxis_show',
+  optionField: 'xAxis.show',
+  value: 0,
+  active: 1,
+  inactive: 0,
+  tabName: 'custom',
+  groupName: 'xAxis'
+},
+]
+
+
+// 配置处理脚本
+const optionHandler = ''
+
+// 数据处理脚本
+const dataHandler = ''
+
+// 图表配置 new Line('domName', option)
+const xData = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+const yData = [10, 52, 200, 334, 390, 330, 220]
+// const maxData = [1500, 1500, 1500, 1500]
+const option = {
+  tooltip: {
+    trigger: 'axis',
+    axisPointer: {
+      type: 'shadow'
+    }
+  },
+  grid: {
+    left: '3%',
+    right: '4%',
+    bottom: '3%',
+    containLabel: true
+  },
+  xAxis: 
+    [{
+      type: 'category',
+      data: xData,
+      axisTick: {
+        alignWithLabel: true
+      },
+      // 坐标轴刻度标签
+      axisLabel: {
+        show: true,
+
+      }
+    }]
+  ,
+  yAxis: [
+    {
+      type: 'value'
+    }
+  ],
+  series: [
+    {
+      name: 'Direct',
+      type: 'bar',
+      barWidth: '60%',
+      data: yData
+    }
+  ]
+}
+export default {
+  version,
+  title,
+  name,
+  option,
+  setting,
+  optionHandler,
+  dataHandler
+}