@orbcharts/presets-basic 3.0.0-beta.13 → 3.0.0-beta.15

package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID.ts

@@ -1,119 +1,133 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { 
-  PresetMultiGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-
-export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_MULTI_LINE_AREAS_SEPARATE_GRID',
-  description: 'Separate Grid line areas',
-  descriptionZh: '分開顯示Grid的折線區域圖',
-  chartParams: {
-    colors: {
-      light: {
-        label:  [
-          "#4BABFF",
-          "#94D6CB",
-          "#F9B052",
-          "#8454D4",
-          "#D58C75",
-          "#42C724",
-          "#FF8B8B",
-          "#904026",
-          "#C50669",
-          "#4B25B3"
-        ],
-      }
-    },
-    padding: {
-      top: 40,
-      right: 40,
-      bottom: 140,
-      left: 80
-    },
-  },
-  dataFormatter: {
-    gridList: [
-      {
-        // slotIndex: 0
-        groupAxis: {
-          scalePadding: 0
-        }
-      },
-      {
-        // slotIndex: 1,
-        groupAxis: {
-          scalePadding: 0
-        }
-      }
-    ],
-    separateGrid: true,
-    // container: {
-    //   rowAmount: 1,
-    //   columnAmount: 2,
-    // }
-  },
-  pluginParams: {
-    MultiGroupAxis: {
-      tickTextRotate: -30,
-      gridIndexes: 'all'
-    },
-    MultiValueAxis: {
-      gridIndexes: 'all'
-    },
-    MultiStackedValueAxis: {
-      gridIndexes: 'all'
-    },
-    MultiBars: {
-      gridIndexes: 'all'
-    },
-    MultiStackedBars: {
-      gridIndexes: 'all'
-    },
-    MultiBarsTriangle: {
-      gridIndexes: 'all'
-    },
-    MultiLines: {
-      gridIndexes: 'all'
-    },
-    MultiLineAreas: {
-      gridIndexes: 'all'
-    },
-    MultiDots: {
-      gridIndexes: 'all'
-    },
-    MultiGridLegend: {
-      // position: 'bottom',
-      // justify: 'center',
-      placement: 'bottom',
-      padding: 14,
-      gridList: [
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        }
-      ]
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { 
+  PresetMultiGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+
+export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_MULTI_LINE_AREAS_SEPARATE_GRID',
+  description: 'Separate Grid line areas',
+  descriptionZh: '分開顯示Grid的折線區域圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#16B59B",
+          "#6F3BD5",
+          "#EE5F13",
+          "#F9B052",
+          "#D4785A",
+          "#42C724",
+          "#FF4B4B",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#7DD3C4",
+          "#8454D4",
+          "#FF6C6C",
+          "#FAC77D",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 140,
+      left: 80
+    },
+  },
+  dataFormatter: {
+    gridList: [
+      {
+        // slotIndex: 0
+        groupAxis: {
+          scalePadding: 0
+        }
+      },
+      {
+        // slotIndex: 1,
+        groupAxis: {
+          scalePadding: 0
+        }
+      }
+    ],
+    separateGrid: true,
+    // container: {
+    //   rowAmount: 1,
+    //   columnAmount: 2,
+    // }
+  },
+  pluginParams: {
+    MultiGroupAxis: {
+      tickTextRotate: -30,
+      gridIndexes: 'all'
+    },
+    MultiValueAxis: {
+      gridIndexes: 'all'
+    },
+    MultiStackedValueAxis: {
+      gridIndexes: 'all'
+    },
+    MultiBars: {
+      gridIndexes: 'all'
+    },
+    MultiStackedBars: {
+      gridIndexes: 'all'
+    },
+    MultiBarsTriangle: {
+      gridIndexes: 'all'
+    },
+    MultiLines: {
+      gridIndexes: 'all'
+    },
+    MultiLineAreas: {
+      gridIndexes: 'all'
+    },
+    MultiDots: {
+      gridIndexes: 'all'
+    },
+    MultiGridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      gridList: [
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        }
+      ]
+    }
+  }
+}

package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE.ts

@@ -1,113 +1,127 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { 
-  PresetMultiGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-
-export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE',
-  description: 'Simple separate grid line areas',
-  descriptionZh: '簡單的分開顯示Grid的折線區域圖',
-  chartParams: {
-    colors: {
-      light: {
-        label:  [
-          "#4BABFF",
-          "#94D6CB",
-          "#F9B052",
-          "#8454D4",
-          "#D58C75",
-          "#42C724",
-          "#FF8B8B",
-          "#904026",
-          "#C50669",
-          "#4B25B3"
-        ],
-      }
-    },
-    padding: {
-      top: 40,
-      right: 80, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
-      bottom: 80,
-      left: 80 // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
-    },
-  },
-  dataFormatter: {
-    gridList: [
-      // 設定一個所有grid一起套用
-      {
-        groupAxis: {
-          scalePadding: 0
-        },
-        valueAxis: {
-          scaleRange: [0, 0.95]
-        },
-      },
-    ],
-    separateGrid: true,
-    container: {
-      gap: 160
-    }
-  },
-  pluginParams: {
-    MultiGroupAxis: {
-      // tickTextRotate: -30,
-      gridIndexes: 'all'
-    },
-    MultiValueAxis: {
-      gridIndexes: 'all'
-    },
-    MultiStackedValueAxis: {
-      gridIndexes: 'all'
-    },
-    MultiBars: {
-      gridIndexes: 'all'
-    },
-    MultiStackedBars: {
-      gridIndexes: 'all'
-    },
-    MultiBarsTriangle: {
-      gridIndexes: 'all'
-    },
-    MultiLines: {
-      gridIndexes: 'all'
-    },
-    MultiLineAreas: {
-      gridIndexes: 'all'
-    },
-    MultiDots: {
-      gridIndexes: 'all'
-    },
-    MultiGridLegend: {
-      placement: 'bottom',
-      padding: 7,
-      gridList: [
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        },
-        {
-          listRectHeight: 2,
-        }
-      ]
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { 
+  PresetMultiGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+
+export const PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE',
+  description: 'Simple separate grid line areas',
+  descriptionZh: '簡單的分開顯示Grid的折線區域圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#16B59B",
+          "#6F3BD5",
+          "#EE5F13",
+          "#F9B052",
+          "#D4785A",
+          "#42C724",
+          "#FF4B4B",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#7DD3C4",
+          "#8454D4",
+          "#FF6C6C",
+          "#FAC77D",
+          "#D58C75",
+          "#42C724",
+          "#FF8B8B",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 80, // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+      bottom: 80,
+      left: 80 // lineAre 的左右刻度靠邊，要避免太窄造成 label 超出
+    },
+  },
+  dataFormatter: {
+    gridList: [
+      // 設定一個所有grid一起套用
+      {
+        groupAxis: {
+          scalePadding: 0
+        },
+        valueAxis: {
+          scaleRange: [0, 0.95]
+        },
+      },
+    ],
+    separateGrid: true,
+    container: {
+      gap: 160
+    }
+  },
+  pluginParams: {
+    MultiGroupAxis: {
+      // tickTextRotate: -30,
+      gridIndexes: 'all'
+    },
+    MultiValueAxis: {
+      gridIndexes: 'all'
+    },
+    MultiStackedValueAxis: {
+      gridIndexes: 'all'
+    },
+    MultiBars: {
+      gridIndexes: 'all'
+    },
+    MultiStackedBars: {
+      gridIndexes: 'all'
+    },
+    MultiBarsTriangle: {
+      gridIndexes: 'all'
+    },
+    MultiLines: {
+      gridIndexes: 'all'
+    },
+    MultiLineAreas: {
+      gridIndexes: 'all'
+    },
+    MultiDots: {
+      gridIndexes: 'all'
+    },
+    MultiGridLegend: {
+      placement: 'bottom',
+      padding: 7,
+      gridList: [
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        },
+        {
+          listRectHeight: 2,
+        }
+      ]
+    }
+  }
+}

package/src/multiGrid/index.ts

@@ -1,12 +1,12 @@
-export { PRESET_MULTI_GRID_BASIC } from './PRESET_MULTI_GRID_BASIC'
-export { PRESET_MULTI_GRID_DIVERGING_SIMPLE } from './PRESET_MULTI_GRID_DIVERGING_SIMPLE'
-export { PRESET_MULTI_GRID_DIVERGING } from './PRESET_MULTI_GRID_DIVERGING'
-export { PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE } from './PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE'
-export { PRESET_MULTI_GRID_ROUND_STYLE } from './PRESET_MULTI_GRID_ROUND_STYLE'
-export { PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE } from './PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE'
-export { PRESET_MULTI_GRID_SEPARATE_GRID } from './PRESET_MULTI_GRID_SEPARATE_GRID'
-export { PRESET_MULTI_GRID_SIMPLE } from './PRESET_MULTI_GRID_SIMPLE'
-export { PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE } from './PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE'
-export { PRESET_MULTI_LINE_AREAS_SEPARATE_GRID } from './PRESET_MULTI_LINE_AREAS_SEPARATE_GRID'
-export { PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE } from './PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE'
-export { PRESET_MULTI_LINES_SEPARATE_GRID } from './PRESET_MULTI_LINES_SEPARATE_GRID'
+export { PRESET_MULTI_GRID_BASIC } from './PRESET_MULTI_GRID_BASIC'
+export { PRESET_MULTI_GRID_DIVERGING_SIMPLE } from './PRESET_MULTI_GRID_DIVERGING_SIMPLE'
+export { PRESET_MULTI_GRID_DIVERGING } from './PRESET_MULTI_GRID_DIVERGING'
+export { PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE } from './PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE'
+export { PRESET_MULTI_GRID_ROUND_STYLE } from './PRESET_MULTI_GRID_ROUND_STYLE'
+export { PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE } from './PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE'
+export { PRESET_MULTI_GRID_SEPARATE_GRID } from './PRESET_MULTI_GRID_SEPARATE_GRID'
+export { PRESET_MULTI_GRID_SIMPLE } from './PRESET_MULTI_GRID_SIMPLE'
+export { PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE } from './PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE'
+export { PRESET_MULTI_LINE_AREAS_SEPARATE_GRID } from './PRESET_MULTI_LINE_AREAS_SEPARATE_GRID'
+export { PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE } from './PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE'
+export { PRESET_MULTI_LINES_SEPARATE_GRID } from './PRESET_MULTI_LINES_SEPARATE_GRID'

package/src/multiValue/PRESET_MULTI_VALUE_BASIC.ts

@@ -1,39 +1,53 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
-
-export const PRESET_MULTI_VALUE_BASIC: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_MULTI_VALUE_BASIC',
-  description: 'Basic MultiValue',
-  descriptionZh: '基本MultiValue參數',
-  chartParams: {
-    colors: {
-      light: {
-        label:  [
-          "#7DD3C4",
-          "#FFA0A0",
-          "#6CBAFF",
-          "#55D339",
-          "#F9B052",
-          "#FF6C6C",
-          "#8E6BC9",
-          "#0088FF",
-          "#904026",
-          "#C4C4C4"
-        ],
-      }
-    },
-    padding: {
-      top: 40,
-      right: 40,
-      bottom: 100,
-      left: 80
-    },
-  },
-  pluginParams: {
-    MultiValueLegend: {
-      placement: 'bottom',
-      padding: 14,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetMultiValuePluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_MULTI_VALUE_BASIC: PresetPartial<'multiValue', Partial<PresetMultiValuePluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_MULTI_VALUE_BASIC',
+  description: 'Basic MultiValue',
+  descriptionZh: '基本MultiValue參數',
+  chartParams: {
+    colors: {
+      light: {
+        label:  [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ],
+      },
+      dark: {
+        label: [
+          "#7DD3C4",
+          "#FFA0A0",
+          "#6CBAFF",
+          "#55D339",
+          "#F9B052",
+          "#FF6C6C",
+          "#8E6BC9",
+          "#0088FF",
+          "#904026",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 40,
+      right: 40,
+      bottom: 100,
+      left: 80
+    },
+  },
+  pluginParams: {
+    MultiValueLegend: {
+      placement: 'bottom',
+      padding: 14,
+    }
+  }
+}