npm - @orbcharts/presets-basic - Versions diffs - 3.0.1 → 3.0.2 - Mend

@orbcharts/presets-basic 3.0.1 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

package/LICENSE +200 -200
package/dist/orbcharts-presets-basic.es.js +533 -221
package/dist/orbcharts-presets-basic.umd.js +1 -1
package/dist/src/multiValue/PRESET_ORDINAL_BUBBLES_ALL_ITEMS.d.ts +4 -0
package/dist/src/multiValue/PRESET_ORDINAL_BUBBLES_BASIC.d.ts +4 -0
package/dist/src/multiValue/PRESET_ORDINAL_BUBBLES_LINEAR_OPACITY.d.ts +4 -0
package/dist/src/multiValue/PRESET_ORDINAL_BUBBLES_SCALING_BY_RADIUS.d.ts +4 -0
package/dist/src/multiValue/PRESET_ORDINAL_BUBBLES_SEPARATE_CATEGORY.d.ts +4 -0
package/dist/src/multiValue/PRESET_ORDINAL_BUBBLES_SIMPLE.d.ts +4 -0
package/dist/src/multiValue/index.d.ts +6 -0
package/dist/src/types.d.ts +14 -2
package/lib/core-types.ts +7 -7
package/lib/plugins-basic-types.ts +6 -6
package/package.json +46 -46
package/src/grid/PRESET_BARS_HORIZONTAL_AND_ROUND.ts +74 -74
package/src/grid/PRESET_BARS_HORIZONTAL_AND_THIN.ts +73 -75
package/src/grid/PRESET_BARS_ROUND.ts +68 -70
package/src/grid/PRESET_BARS_THIN.ts +65 -67
package/src/grid/PRESET_GRID_BASIC.ts +53 -58
package/src/grid/PRESET_GRID_HORIZONTAL.ts +62 -75
package/src/grid/PRESET_GRID_PN_SCALE.ts +59 -66
package/src/grid/PRESET_GRID_PN_SCALE_SIMPLE.ts +59 -63
package/src/grid/PRESET_GRID_ROTATE_AXIS_LABEL.ts +61 -66
package/src/grid/PRESET_GRID_SEPARATE_SERIES.ts +67 -71
package/src/grid/PRESET_GRID_SIMPLE.ts +58 -58
package/src/grid/PRESET_LINES_BASIC.ts +62 -62
package/src/grid/PRESET_LINES_CURVE.ts +65 -65
package/src/grid/PRESET_LINES_HIGHLIGHT_GROUP_DOTS.ts +64 -64
package/src/grid/PRESET_LINES_HORIZONTAL.ts +70 -70
package/src/grid/PRESET_LINES_LOOSE_TICKS.ts +64 -64
package/src/grid/PRESET_LINES_ROTATE_AXIS_LABEL.ts +67 -67
package/src/grid/PRESET_LINES_SIMPLE.ts +67 -67
package/src/grid/PRESET_LINES_WITH_SOLID_DOTS.ts +66 -66
package/src/grid/PRESET_LINE_AREAS_BASIC.ts +68 -68
package/src/grid/PRESET_LINE_AREAS_CURVE.ts +73 -79
package/src/grid/PRESET_LINE_AREAS_HIGHLIGHT_GROUP_DOTS.ts +72 -72
package/src/grid/PRESET_LINE_AREAS_HORIZONTAL.ts +72 -72
package/src/grid/PRESET_LINE_AREAS_LOOSE_TICKS.ts +70 -70
package/src/grid/PRESET_LINE_AREAS_ROTATE_AXIS_LABEL.ts +73 -73
package/src/grid/PRESET_LINE_AREAS_SEPARATE_SERIES.ts +78 -74
package/src/grid/PRESET_LINE_AREAS_SIMPLE.ts +71 -71
package/src/grid/index.ts +26 -26
package/src/index.ts +6 -6
package/src/multiGrid/PRESET_MULTI_GRID_BASIC.ts +64 -64
package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING.ts +112 -112
package/src/multiGrid/PRESET_MULTI_GRID_DIVERGING_SIMPLE.ts +115 -115
package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE.ts +85 -85
package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE.ts +95 -95
package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID.ts +91 -87
package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID_SIMPLE.ts +99 -98
package/src/multiGrid/PRESET_MULTI_GRID_SIMPLE.ts +74 -74
package/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID.ts +119 -115
package/src/multiGrid/PRESET_MULTI_LINES_SEPARATE_GRID_SIMPLE.ts +125 -124
package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID.ts +133 -133
package/src/multiGrid/PRESET_MULTI_LINE_AREAS_SEPARATE_GRID_SIMPLE.ts +128 -127
package/src/multiGrid/index.ts +12 -12
package/src/multiValue/PRESET_MULTI_VALUE_BASIC.ts +53 -53
package/src/multiValue/PRESET_MULTI_VALUE_SEPARATE_CATEGORY.ts +68 -64
package/src/multiValue/PRESET_MULTI_VALUE_SIMPLE.ts +53 -53
package/src/multiValue/PRESET_ORDINAL_BUBBLES_ALL_ITEMS.ts +57 -0
package/src/multiValue/PRESET_ORDINAL_BUBBLES_BASIC.ts +56 -0
package/src/multiValue/PRESET_ORDINAL_BUBBLES_LINEAR_OPACITY.ts +59 -0
package/src/multiValue/PRESET_ORDINAL_BUBBLES_SCALING_BY_RADIUS.ts +59 -0
package/src/multiValue/PRESET_ORDINAL_BUBBLES_SEPARATE_CATEGORY.ts +66 -0
package/src/multiValue/PRESET_ORDINAL_BUBBLES_SIMPLE.ts +59 -0
package/src/multiValue/PRESET_RACING_BARS_ALL_ITEMS.ts +58 -58
package/src/multiValue/PRESET_RACING_BARS_BASIC.ts +57 -57
package/src/multiValue/PRESET_RACING_BARS_FAST.ts +57 -57
package/src/multiValue/PRESET_RACING_BARS_FASTER.ts +57 -57
package/src/multiValue/PRESET_RACING_BARS_LOOP.ts +58 -58
package/src/multiValue/PRESET_RACING_BARS_OUTSIDE_LABELS.ts +61 -61
package/src/multiValue/PRESET_RACING_BARS_SEPARATE_CATEGORY.ts +74 -74
package/src/multiValue/PRESET_RACING_BARS_SIMPLE.ts +57 -57
package/src/multiValue/PRESET_RACING_BARS_STOP.ts +56 -56
package/src/multiValue/PRESET_SCATTER_BASIC.ts +54 -54
package/src/multiValue/PRESET_SCATTER_BUBBLES_BASIC.ts +54 -54
package/src/multiValue/PRESET_SCATTER_BUBBLES_LINEAR_OPACITY.ts +57 -57
package/src/multiValue/PRESET_SCATTER_BUBBLES_SCALING_BY_RADIUS.ts +57 -57
package/src/multiValue/PRESET_SCATTER_BUBBLES_SEPARATE_CATEGORY.ts +61 -57
package/src/multiValue/PRESET_SCATTER_BUBBLES_SIMPLE.ts +54 -54
package/src/multiValue/PRESET_SCATTER_SEPARATE_CATEGORY.ts +69 -65
package/src/multiValue/PRESET_SCATTER_SIMPLE.ts +54 -54
package/src/multiValue/index.ts +26 -20
package/src/relationship/PRESET_FORCE_DIRECTED_BASIC.ts +47 -47
package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_BASIC.ts +47 -47
package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH.ts +52 -52
package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW.ts +52 -52
package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM.ts +49 -49
package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE.ts +48 -48
package/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.ts +54 -54
package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ARROW.ts +52 -52
package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ZOOM.ts +49 -49
package/src/relationship/PRESET_FORCE_DIRECTED_SIMPLE.ts +48 -48
package/src/relationship/index.ts +9 -9
package/src/series/PRESET_BUBBLES_BASIC.ts +46 -46
package/src/series/PRESET_BUBBLES_SCALING_BY_RADIUS.ts +49 -49
package/src/series/PRESET_BUBBLES_SEPARATE_SERIES.ts +58 -58
package/src/series/PRESET_BUBBLES_SIMPLE.ts +53 -53
package/src/series/PRESET_BUBBLES_SUM_SERIES.ts +48 -48
package/src/series/PRESET_PIE_BASIC.ts +49 -49
package/src/series/PRESET_PIE_DONUT.ts +54 -54
package/src/series/PRESET_PIE_HALF_DONUT.ts +66 -66
package/src/series/PRESET_PIE_SEPARATE_SERIES.ts +47 -47
package/src/series/PRESET_PIE_SIMPLE.ts +56 -56
package/src/series/PRESET_PIE_SUM_SERIES.ts +48 -48
package/src/series/PRESET_PIE_WITH_INNER_LABELS.ts +55 -55
package/src/series/PRESET_ROSE_BASIC.ts +55 -55
package/src/series/PRESET_ROSE_SCALING_BY_RADIUS.ts +61 -61
package/src/series/PRESET_ROSE_SEPARATE_SERIES.ts +53 -55
package/src/series/PRESET_ROSE_SEPARATE_SERIES_AND_SUM_SERIES.ts +54 -56
package/src/series/PRESET_ROSE_SIMPLE.ts +56 -56
package/src/series/PRESET_ROSE_SUM_SERIES.ts +54 -54
package/src/series/PRESET_SERIES_BASIC.ts +46 -46
package/src/series/PRESET_SERIES_SEPARATE_SERIES.ts +47 -47
package/src/series/PRESET_SERIES_SEPARATE_SERIES_AND_SUM_SERIES.ts +48 -48
package/src/series/PRESET_SERIES_SUM_SERIES.ts +49 -49
package/src/series/index.ts +23 -23
package/src/tree/PRESET_TREE_MAP_BASIC.ts +54 -58
package/src/tree/PRESET_TREE_MAP_SIMPLE.ts +54 -54
package/src/tree/index.ts +1 -1
package/src/types.ts +392 -368
package/tsconfig.base.json +13 -13
package/tsconfig.json +2 -2
package/vite.config.js +22 -22
package/dist/src/params.d.ts +0 -9
package/src/params.ts +0 -84

package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE.ts CHANGED Viewed

@@ -1,85 +1,85 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type {
-  PresetMultiGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-type PresetMultiGridRoundPluginParams = Omit<PresetMultiGridPluginParams, 'MultiBarsTriangle'>
-export const PRESET_MULTI_GRID_ROUND_STYLE: PresetPartial<'multiGrid', Partial<PresetMultiGridRoundPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_MULTI_GRID_ROUND_STYLE',
-  description: 'MultiGrid with round style',
-  descriptionZh: 'MultiGrid圓弧風格',
-  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: 100,
-      left: 80
-    },
-    highlightTarget: 'series'
-  },
-  pluginParams: {
-    MultiBars: {
-      barWidth: 0,
-      barPadding: 1,
-      barGroupPadding: 10,
-      barRadius: true,
-    },
-    MultiStackedBars: {},
-    MultiDots: {},
-    MultiGridLegend: {
-      placement: 'bottom',
-      padding: 14,
-      gridList: [
-        {
-          listRectRadius: 7,
-        },
-        {
-          listRectHeight: 2,
-        }
-      ]
-    },
-    MultiGroupAxis: {},
-    MultiLineAreas: {},
-    MultiLines: {
-      lineCurve: 'curveMonotoneX',
-      lineWidth: 3
-    },
-    MultiValueAxis: {},
-    MultiStackedValueAxis: {},
-    OverlappingValueAxes: {},
-    OverlappingStackedValueAxes: {},
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type {
+  PresetMultiGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+type PresetMultiGridRoundPluginParams = Omit<PresetMultiGridPluginParams, 'MultiBarsTriangle'>
+export const PRESET_MULTI_GRID_ROUND_STYLE: PresetPartial<'multiGrid', Partial<PresetMultiGridRoundPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_MULTI_GRID_ROUND_STYLE',
+  description: 'MultiGrid with round style',
+  descriptionZh: 'MultiGrid圓弧風格',
+  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: 100,
+      left: 80
+    },
+    highlightTarget: 'series'
+  },
+  pluginParams: {
+    MultiBars: {
+      barWidth: 0,
+      barPadding: 1,
+      barGroupPadding: 10,
+      barRadius: true,
+    },
+    MultiStackedBars: {},
+    MultiDots: {},
+    MultiGridLegend: {
+      placement: 'bottom',
+      padding: 14,
+      gridList: [
+        {
+          listRectRadius: 7,
+        },
+        {
+          listRectHeight: 2,
+        }
+      ]
+    },
+    MultiGroupAxis: {},
+    MultiLineAreas: {},
+    MultiLines: {
+      lineCurve: 'curveMonotoneX',
+      lineWidth: 3
+    },
+    MultiValueAxis: {},
+    MultiStackedValueAxis: {},
+    OverlappingValueAxes: {},
+    OverlappingStackedValueAxes: {},
+  }
+}

package/src/multiGrid/PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE.ts CHANGED Viewed

@@ -1,95 +1,95 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type {
-  PresetMultiGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-type PresetMultiGridRoundPluginParams = Omit<PresetMultiGridPluginParams, 'MultiBarsTriangle'>
-export const PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE: PresetPartial<'multiGrid', Partial<PresetMultiGridRoundPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE',
-  description: 'Simple MultiGrid with round style',
-  descriptionZh: '簡單MultiGrid圓弧風格',
-  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: 60,
-      left: 80
-    },
-    highlightTarget: 'series'
-  },
-  dataFormatter: {
-    gridList: [
-      // 設定一個所有grid一起套用
-      {
-        valueAxis: {
-          scaleRange: [0, 0.95]
-        },
-      },
-    ],
-  },
-  pluginParams: {
-    MultiBars: {
-      barWidth: 0,
-      barPadding: 1,
-      barGroupPadding: 10,
-      barRadius: true,
-    },
-    MultiStackedBars: {},
-    MultiDots: {},
-    MultiGridLegend: {
-      placement: 'bottom',
-      padding: 14,
-      gridList: [
-        {
-          listRectRadius: 7,
-        },
-        {
-          listRectHeight: 2,
-        }
-      ]
-    },
-    MultiGroupAxis: {},
-    MultiLineAreas: {},
-    MultiLines: {
-      lineCurve: 'curveMonotoneX',
-      lineWidth: 3
-    },
-    MultiValueAxis: {},
-    MultiStackedValueAxis: {},
-    OverlappingValueAxes: {},
-    OverlappingStackedValueAxes: {},
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type {
+  PresetMultiGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+type PresetMultiGridRoundPluginParams = Omit<PresetMultiGridPluginParams, 'MultiBarsTriangle'>
+export const PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE: PresetPartial<'multiGrid', Partial<PresetMultiGridRoundPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_MULTI_GRID_ROUND_STYLE_SIMPLE',
+  description: 'Simple MultiGrid with round style',
+  descriptionZh: '簡單MultiGrid圓弧風格',
+  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: 60,
+      left: 80
+    },
+    highlightTarget: 'series'
+  },
+  dataFormatter: {
+    gridList: [
+      // 設定一個所有grid一起套用
+      {
+        valueAxis: {
+          scaleRange: [0, 0.95]
+        },
+      },
+    ],
+  },
+  pluginParams: {
+    MultiBars: {
+      barWidth: 0,
+      barPadding: 1,
+      barGroupPadding: 10,
+      barRadius: true,
+    },
+    MultiStackedBars: {},
+    MultiDots: {},
+    MultiGridLegend: {
+      placement: 'bottom',
+      padding: 14,
+      gridList: [
+        {
+          listRectRadius: 7,
+        },
+        {
+          listRectHeight: 2,
+        }
+      ]
+    },
+    MultiGroupAxis: {},
+    MultiLineAreas: {},
+    MultiLines: {
+      lineCurve: 'curveMonotoneX',
+      lineWidth: 3
+    },
+    MultiValueAxis: {},
+    MultiStackedValueAxis: {},
+    OverlappingValueAxes: {},
+    OverlappingStackedValueAxes: {},
+  }
+}

package/src/multiGrid/PRESET_MULTI_GRID_SEPARATE_GRID.ts CHANGED Viewed

@@ -1,87 +1,91 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type {
-  PresetMultiGridPluginParams,
-  PresetNoneDataPluginParams
-} from '../types'
-export const PRESET_MULTI_GRID_SEPARATE_GRID: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_MULTI_GRID_SEPARATE_GRID',
-  description: 'Separate Grid',
-  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: {
-    separateGrid: true,
-  },
-  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: 14,
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type {
+  PresetMultiGridPluginParams,
+  PresetNoneDataPluginParams
+} from '../types'
+export const PRESET_MULTI_GRID_SEPARATE_GRID: PresetPartial<'multiGrid', Partial<PresetMultiGridPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_MULTI_GRID_SEPARATE_GRID',
+  description: 'Separate Grid',
+  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: 120,
+      left: 80
+    },
+  },
+  dataFormatter: {
+    separateGrid: true,
+    container: {
+      columnGap: 100,
+      rowGap: 80
+    }
+  },
+  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: 14,
+    }
+  }
+}