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

package/src/grid/PRESET_LINES_HIGHLIGHT_GROUP_DOTS.ts

@@ -0,0 +1,37 @@
+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圓點',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 120,
+      left: 60
+    },
+    highlightTarget: 'group'
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Lines: {},
+    Dots: {
+      onlyShowHighlighted: false
+    },
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINES_HORIZONTAL.ts

@@ -0,0 +1,51 @@
+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: '橫向折線圖',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 120,
+      left: 160
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    grid: {
+      valueAxis: {
+        position: 'bottom'
+        // position: 'top'
+        // position: 'left'
+        // position: 'right'
+      },
+      groupAxis: {
+        position: 'left'
+        // position: 'right'
+        // position: 'bottom'
+        // position: 'top'
+      },
+    }
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Lines: {},
+    Dots: {},
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINES_LOOSE_TICKS.ts

@@ -0,0 +1,37 @@
+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: '寬鬆標籤',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 120,
+      left: 60
+    },
+    highlightTarget: 'series'
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Lines: {},
+    Dots: {},
+    GroupAxis: {
+      ticks: 6
+    },
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINES_ROTATE_AXIS_LABEL.ts

@@ -0,0 +1,40 @@
+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: '傾斜標籤',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 160,
+      left: 60
+    },
+    highlightTarget: 'series'
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Lines: {},
+    Dots: {},
+    GroupAxis: {
+      tickPadding: 15,
+      tickTextRotate: -30
+    },
+    ValueAxis: {},
+    GroupAux: {
+      labelRotate: -30
+    },
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINES_WITH_SOLID_DOTS.ts

@@ -0,0 +1,39 @@
+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: '折線圖及實心圓點',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 120,
+      left: 60
+    },
+    highlightTarget: 'series'
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Lines: {},
+    Dots: {
+      radius: 3,
+      fillColorType: 'series',
+      onlyShowHighlighted: false
+    },
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINE_AREAS_BASIC.ts

@@ -0,0 +1,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_BASIC: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_LINE_AREAS_BASIC',
+  description: '基本LineArea參數',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 120,
+      left: 60
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    grid: {
+      groupAxis: {
+        scalePadding: 0
+      }
+    }
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Lines: {},
+    LineAreas: {},
+    Dots: {},
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINE_AREAS_CURVE.ts

@@ -0,0 +1,48 @@
+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_CURVE: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_LINE_AREAS_CURVE',
+  description: '弧線折線圖',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 120,
+      left: 60
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    grid: {
+      groupAxis: {
+        scalePadding: 0
+      }
+    }
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Lines: {
+      lineCurve: 'curveMonotoneX',
+      lineWidth: 3
+    },
+    LineAreas: {
+      lineCurve: 'curveMonotoneX',
+    },
+    Dots: {},
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS.ts

@@ -0,0 +1,47 @@
+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圓點',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 120,
+      left: 60
+    },
+    highlightTarget: 'group'
+  },
+  dataFormatter: {
+    grid: {
+      groupAxis: {
+        scalePadding: 0
+      }
+    }
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Lines: {
+      lineWidth: 3
+    },
+    LineAreas: {},
+    Dots: {
+      onlyShowHighlighted: false
+    },
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINE_AREAS_HORIZONTAL.ts

@@ -0,0 +1,47 @@
+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_HORIZONTAL: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_LINE_AREAS_HORIZONTAL',
+  description: '橫向折線圖',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 120,
+      left: 160
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    grid: {
+      valueAxis: {
+        position: 'bottom'
+      },
+      groupAxis: {
+        position: 'left',
+        scalePadding: 0
+      },
+    }
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Lines: {},
+    LineAreas: {},
+    Dots: {},
+    GroupAxis: {},
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINE_AREAS_LOOSE_TICKS.ts

@@ -0,0 +1,45 @@
+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_LOOSE_TICKS: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_LINE_AREAS_LOOSE_TICKS',
+  description: '寬鬆標籤',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 120,
+      left: 60
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    grid: {
+      groupAxis: {
+        scalePadding: 0
+      }
+    }
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Lines: {},
+    LineAreas: {},
+    Dots: {},
+    GroupAxis: {
+      ticks: 6
+    },
+    ValueAxis: {},
+    GroupAux: {},
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINE_AREAS_ROTATE_AXIS_LABEL.ts

@@ -0,0 +1,48 @@
+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_ROTATE_AXIS_LABEL: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_LINE_AREAS_ROTATE_AXIS_LABEL',
+  description: '傾斜標籤',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 160,
+      left: 60
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    grid: {
+      groupAxis: {
+        scalePadding: 0
+      }
+    }
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Lines: {},
+    LineAreas: {},
+    Dots: {},
+    GroupAxis: {
+      tickPadding: 15,
+      tickTextRotate: -30
+    },
+    ValueAxis: {},
+    GroupAux: {
+      labelRotate: -30
+    },
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/PRESET_LINE_AREAS_SEPARATE_SERIES.ts

@@ -0,0 +1,50 @@
+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_SEPARATE_SERIES: PresetPartial<'grid', Partial<PresetGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_LINE_AREAS_SEPARATE_SERIES',
+  description: 'LineAreas 分開顯示Series',
+  chartParams: {
+    padding: {
+      top: 60,
+      right: 60,
+      bottom: 160,
+      left: 60
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    grid: {
+      // seriesSlotIndexes: [0, 1],
+      separateSeries: true,
+      groupAxis: {
+        scalePadding: 0
+      }
+    },
+  },
+  allPluginParams: {
+    // ...ALL_PLUGIN_PARAMS_NONE_DATA,
+    Lines: {},
+    LineAreas: {},
+    Dots: {},
+    GroupAxis: {
+      tickPadding: 15,
+      tickTextRotate: -30
+    },
+    ValueAxis: {},
+    GroupAux: {
+      labelRotate: -30
+    },
+    GridLegend: {
+      // position: 'bottom',
+      // justify: 'center',
+      placement: 'bottom',
+      padding: 14,
+      listRectHeight: 2
+    }
+  }
+}

package/src/grid/index.ts

@@ -0,0 +1,23 @@
+export { PRESET_BARS_HORIZONTAL_AND_ROUND } from './PRESET_BARS_HORIZONTAL_AND_ROUND'
+export { PRESET_BARS_HORIZONTAL_AND_THIN } from './PRESET_BARS_HORIZONTAL_AND_THIN'
+export { PRESET_BARS_ROUND } from './PRESET_BARS_ROUND'
+export { PRESET_BARS_THIN } from './PRESET_BARS_THIN'
+export { PRESET_GRID_BASIC } from './PRESET_GRID_BASIC'
+export { PRESET_GRID_HORIZONTAL } from './PRESET_GRID_HORIZONTAL'
+export { PRESET_GRID_PN_SCALE } from './PRESET_GRID_PN_SCALE'
+export { PRESET_GRID_ROTATE_AXIS_LABEL } from './PRESET_GRID_ROTATE_AXIS_LABEL'
+export { PRESET_GRID_SEPARATE_SERIES } from './PRESET_GRID_SEPARATE_SERIES'
+export { PRESET_LINE_AREAS_BASIC } from './PRESET_LINE_AREAS_BASIC'
+export { PRESET_LINE_AREAS_CURVE } from './PRESET_LINE_AREAS_CURVE'
+// export { PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS } from './PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS'
+export { PRESET_LINE_AREAS_HORIZONTAL } from './PRESET_LINE_AREAS_HORIZONTAL'
+export { PRESET_LINE_AREAS_LOOSE_TICKS } from './PRESET_LINE_AREAS_LOOSE_TICKS'
+export { PRESET_LINE_AREAS_ROTATE_AXIS_LABEL } from './PRESET_LINE_AREAS_ROTATE_AXIS_LABEL'
+export { PRESET_LINE_AREAS_SEPARATE_SERIES } from './PRESET_LINE_AREAS_SEPARATE_SERIES'
+export { PRESET_LINES_BASIC } from './PRESET_LINES_BASIC'
+export { PRESET_LINES_CURVE } from './PRESET_LINES_CURVE'
+// export { PRESET_LINES_HIGHLIGHT_GROUP_DOTS } from './PRESET_LINES_HIGHLIGHT_GROUP_DOTS'
+export { PRESET_LINES_HORIZONTAL } from './PRESET_LINES_HORIZONTAL'
+export { PRESET_LINES_LOOSE_TICKS } from './PRESET_LINES_LOOSE_TICKS'
+export { PRESET_LINES_ROTATE_AXIS_LABEL } from './PRESET_LINES_ROTATE_AXIS_LABEL'
+export { PRESET_LINES_WITH_SOLID_DOTS } from './PRESET_LINES_WITH_SOLID_DOTS'