@orbcharts/presets-basic 3.0.0-beta.10 → 3.0.0-beta.12

package/src/grid/PRESET_LINES_BASIC.ts

@@ -2,31 +2,44 @@ import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams,
   PresetNoneDataPluginParams
 } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_LINES_BASIC: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_LINES_BASIC',
-  description: '基本Lines參數',
+  description: 'Basic Line',
+  descriptionZh: '基本折線圖',
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: 'series'
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     Dots: {},
     GroupAxis: {},
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
       listRectHeight: 2

package/src/grid/PRESET_LINES_CURVE.ts

@@ -2,23 +2,38 @@ import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams,
   PresetNoneDataPluginParams
 } from '../types'
-import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_LINES_CURVE: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_LINES_CURVE',
-  description: '弧線折線圖',
+  description: 'Curve Line',
+  descriptionZh: '弧線折線圖',
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: 'series'
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {
       lineCurve: 'curveMonotoneX',
       lineWidth: 3
@@ -28,8 +43,6 @@ export const PRESET_LINES_CURVE: PresetPartial<'grid', Partial<PresetGridPluginP
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
       listRectHeight: 2

package/src/grid/PRESET_LINES_HIGHLIGHT_GROUP_DOTS.ts

@@ -2,23 +2,38 @@ import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams,
   PresetNoneDataPluginParams
 } from '../types'
-import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_LINES_HIGHLIGHT_GROUP_DOTS: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_LINES_HIGHLIGHT_GROUP_DOTS',
-  description: '折線圖及Highlight Group圓點',
+  description: 'Highlight Group Dots',
+  descriptionZh: 'Highlight Group圓點的折線圖',
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: 'group'
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     Dots: {
       onlyShowHighlighted: false
@@ -27,8 +42,6 @@ export const PRESET_LINES_HIGHLIGHT_GROUP_DOTS: PresetPartial<'grid', Partial<Pr
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
       listRectHeight: 2

package/src/grid/PRESET_LINES_HORIZONTAL.ts

@@ -2,47 +2,52 @@ import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams,
   PresetNoneDataPluginParams
 } from '../types'
-import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_LINES_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_LINES_HORIZONTAL',
-  description: '橫向折線圖',
+  description: 'Horizontal Line',
+  descriptionZh: '橫向折線圖',
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
+      top: 40,
+      right: 40,
+      bottom: 100,
       left: 160
     },
     highlightTarget: 'series'
   },
   dataFormatter: {
-    // grid: {
-      valueAxis: {
-        position: 'bottom'
-        // position: 'top'
-        // position: 'left'
-        // position: 'right'
-      },
-      groupAxis: {
-        position: 'left'
-        // position: 'right'
-        // position: 'bottom'
-        // position: 'top'
-      },
-    // }
+    valueAxis: {
+      position: 'bottom'
+    },
+    groupAxis: {
+      position: 'left'
+    },
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     Dots: {},
     GroupAxis: {},
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
       listRectHeight: 2

package/src/grid/PRESET_LINES_LOOSE_TICKS.ts

@@ -2,23 +2,38 @@ import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams,
   PresetNoneDataPluginParams
 } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_LINES_LOOSE_TICKS: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_LINES_LOOSE_TICKS',
-  description: '寬鬆標籤',
+  description: 'Loose Ticks Line',
+  descriptionZh: '寬鬆標籤的折線圖',
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: 'series'
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     Dots: {},
     GroupAxis: {
@@ -27,8 +42,6 @@ export const PRESET_LINES_LOOSE_TICKS: PresetPartial<'grid', Partial<PresetGridP
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
       listRectHeight: 2

package/src/grid/PRESET_LINES_ROTATE_AXIS_LABEL.ts

@@ -2,23 +2,38 @@ import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams,
   PresetNoneDataPluginParams
 } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_LINES_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_LINES_ROTATE_AXIS_LABEL',
-  description: '傾斜標籤',
+  description: 'Line chart with slanted labels',
+  descriptionZh: '傾斜標籤的折線圖',
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 160,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 140,
+      left: 80
     },
     highlightTarget: 'series'
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     Dots: {},
     GroupAxis: {
@@ -30,8 +45,6 @@ export const PRESET_LINES_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<Prese
       labelRotate: -30
     },
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
       listRectHeight: 2

package/src/grid/PRESET_LINES_SIMPLE.ts

@@ -0,0 +1,53 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+
+export const PRESET_LINES_SIMPLE: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_LINES_SIMPLE',
+  description: 'Simple line',
+  descriptionZh: '簡單折線圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 80,
+      left: 40
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    valueAxis: {
+      scaleRange: [0, 0.95]
+    }
+  },
+  pluginParams: {
+    Lines: {},
+    Dots: {},
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      placement: 'bottom',
+      padding: 7,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINES_WITH_SOLID_DOTS.ts

@@ -2,23 +2,38 @@ import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams,
   PresetNoneDataPluginParams
 } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_LINES_WITH_SOLID_DOTS: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_LINES_WITH_SOLID_DOTS',
-  description: '折線圖及實心圓點',
+  description: 'Solid Dots Line',
+  descriptionZh: '實心圓點的折線圖',
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: 'series'
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {},
     Dots: {
       radius: 3,
@@ -29,8 +44,6 @@ export const PRESET_LINES_WITH_SOLID_DOTS: PresetPartial<'grid', Partial<PresetG
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
       listRectHeight: 2

package/src/grid/PRESET_LINE_AREAS_BASIC.ts

@@ -7,13 +7,30 @@ import type { PresetGridPluginParams,
 export const PRESET_LINE_AREAS_BASIC: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_LINE_AREAS_BASIC',
-  description: '基本LineArea參數',
+  description: 'Basic LineArea',
+  descriptionZh: '基本折線區域圖',
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: 'series'
   },
@@ -24,7 +41,7 @@ export const PRESET_LINE_AREAS_BASIC: PresetPartial<'grid', Partial<PresetGridPl
       }
     // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Lines: {},
     LineAreas: {},

package/src/grid/PRESET_LINE_AREAS_CURVE.ts

@@ -7,13 +7,30 @@ import type { PresetGridPluginParams,
 export const PRESET_LINE_AREAS_CURVE: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_LINE_AREAS_CURVE',
-  description: '弧線折線圖',
+  description: 'Curve LineArea',
+  descriptionZh: '弧線的折線區域圖',
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: 'series'
   },
@@ -24,7 +41,7 @@ export const PRESET_LINE_AREAS_CURVE: PresetPartial<'grid', Partial<PresetGridPl
       }
     // }
   },
-  allPluginParams: {
+  pluginParams: {
     // ...ALL_PLUGIN_PARAMS_NONE_DATA,
     Lines: {
       lineCurve: 'curveMonotoneX',

package/src/grid/PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS.ts

@@ -2,30 +2,43 @@ import type { PresetPartial } from '../../lib/core-types'
 import type { PresetGridPluginParams,
   PresetNoneDataPluginParams
 } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
 
 export const PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS: PresetPartial<'grid', Partial<PresetGridPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
   name: 'PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS',
-  description: '折線圖及Highlight Group圓點',
+  description: 'Highlight Group Dots LineArea',
+  descriptionZh: 'Highlight Group圓點的折線區域圖',
   chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      }
+    },
     padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
     },
     highlightTarget: 'group'
   },
   dataFormatter: {
-    // grid: {
-      groupAxis: {
-        scalePadding: 0
-      }
-    // }
+    groupAxis: {
+      scalePadding: 0
+    }
   },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+  pluginParams: {
     Lines: {
       lineWidth: 3
     },
@@ -37,8 +50,6 @@ export const PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS: PresetPartial<'grid', Parti
     ValueAxis: {},
     GroupAux: {},
     GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
       placement: 'bottom',
       padding: 14,
       listRectHeight: 2