@orbcharts/presets-basic 3.0.0-beta.8 → 3.0.0

package/src/grid/PRESET_BARS_THIN.ts

@@ -1,36 +1,67 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_BARS_THIN: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_BARS_THIN',
-  description: '細長條圖',
-  chartParams: {
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
-    },
-  },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    Bars: {
-      barWidth: 20,
-      barPadding: 1,
-      barGroupPadding: 10
-    },
-    GroupAxis: {},
-    ValueAxis: {},
-    GroupAux: {},
-    GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
-      placement: 'bottom',
-      padding: 14,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_BARS_THIN: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_BARS_THIN',
+  description: 'Thin bars',
+  descriptionZh: '細長條圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    },
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Bars: {
+      barWidth: 20,
+      barPadding: 1,
+      barGroupPadding: 10
+    },
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/grid/PRESET_GRID_BASIC.ts

@@ -1,27 +1,58 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_GRID_BASIC: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_GRID_BASIC',
-  description: '基本Grid參數',
-  chartParams: {
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
-    },
-  },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
-      placement: 'bottom',
-      padding: 14,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
+// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_GRID_BASIC: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_GRID_BASIC',
+  description: 'Basic Grid',
+  descriptionZh: '基本Grid',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    },
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_GRID,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/grid/PRESET_GRID_HORIZONTAL.ts

@@ -1,44 +1,75 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_GRID_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_GRID_HORIZONTAL',
-  description: '橫向圖',
-  chartParams: {
-    // 間距下面及左邊留空
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 160
-    },
-  },
-  dataFormatter: {
-    // grid: {
-      valueAxis: {
-        position: 'bottom'
-        // position: 'top'
-        // position: 'left'
-        // position: 'right'
-      },
-      groupAxis: {
-        position: 'left'
-        // position: 'right'
-        // position: 'bottom'
-        // position: 'top'
-      },
-    // }
-  },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
-      placement: 'bottom',
-      padding: 14,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
+// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_GRID_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_GRID_HORIZONTAL',
+  description: 'Horizontal Grid',
+  descriptionZh: '橫向圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    // 間距下面及左邊留空
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 160
+    },
+  },
+  dataFormatter: {
+    // grid: {
+      valueAxis: {
+        position: 'bottom'
+        // position: 'top'
+        // position: 'left'
+        // position: 'right'
+      },
+      groupAxis: {
+        position: 'left'
+        // position: 'right'
+        // position: 'bottom'
+        // position: 'top'
+      },
+    // }
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_GRID,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/grid/PRESET_GRID_PN_SCALE.ts

@@ -1,35 +1,66 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_GRID_PN_SCALE: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_GRID_PN_SCALE',
-  description: '正負值分向圖',
-  chartParams: {
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 120,
-      left: 60
-    },
-  },
-  dataFormatter: {
-    // grid: {
-      valueAxis: {
-        scaleDomain: ['auto', 'auto'],
-        scaleRange: [0.05, 0.95],
-      },
-    // }
-  },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
-      placement: 'bottom',
-      padding: 14,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
+// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_GRID_PN_SCALE: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_GRID_PN_SCALE',
+  description: 'Positive negative scale',
+  descriptionZh: '正負值分向圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    },
+  },
+  dataFormatter: {
+    // grid: {
+      valueAxis: {
+        scaleDomain: ['auto', 'auto'],
+        scaleRange: [0.05, 0.95],
+      },
+    // }
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_GRID,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}

package/src/grid/PRESET_GRID_PN_SCALE_SIMPLE.ts

@@ -0,0 +1,63 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_GRID_PN_SCALE_SIMPLE: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_GRID_PN_SCALE_SIMPLE',
+  description: 'Simple positive negative scale',
+  descriptionZh: '簡單正負值分向圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 80,
+      left: 40
+    },
+  },
+  dataFormatter: {
+    valueAxis: {
+      scaleDomain: ['auto', 'auto'],
+      scaleRange: [0.05, 0.95],
+    },
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_GRID,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 7,
+    }
+  }
+}

package/src/grid/PRESET_GRID_ROTATE_AXIS_LABEL.ts

@@ -1,35 +1,66 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_GRID_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<PresetGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_GRID_ROTATE_AXIS_LABEL',
-  description: '傾斜標籤',
-  chartParams: {
-    // 間距下面加長留空
-    padding: {
-      top: 60,
-      right: 60,
-      bottom: 160,
-      left: 60
-    },
-  },
-  allPluginParams: {
-    // ...ALL_PLUGIN_PARAMS_GRID,
-    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
-    GroupAux: {
-      labelRotate: -30
-    },
-    GroupAxis: {
-      tickPadding: 15,
-      tickTextRotate: -30
-    },
-    GridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
-      placement: 'bottom',
-      padding: 14,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetGridPluginParams, PresetNoneDataPluginParams } from '../types'
+// import { ALL_PLUGIN_PARAMS_GRID, ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
+
+export const PRESET_GRID_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_GRID_ROTATE_AXIS_LABEL',
+  description: 'Rotate axis label',
+  descriptionZh: '傾斜標籤',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    // 間距下面加長留空
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 140,
+      left: 80
+    },
+  },
+  pluginParams: {
+    // ...ALL_PLUGIN_PARAMS_GRID,
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    GroupAux: {
+      labelRotate: -30
+    },
+    GroupAxis: {
+      tickPadding: 15,
+      tickTextRotate: -30
+    },
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}