@orbcharts/plugins-basic 3.0.0-alpha.49 → 3.0.0-alpha.51
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.
- package/LICENSE +200 -200
- package/dist/orbcharts-plugins-basic.es.js +6325 -6272
- package/dist/orbcharts-plugins-basic.umd.js +8 -8
- package/dist/src/base/BaseGroupAxis.d.ts +1 -0
- package/dist/src/grid/index.d.ts +1 -1
- package/dist/src/grid/plugins/BarsPN.d.ts +1 -0
- package/dist/src/grid/types.d.ts +3 -2
- package/dist/src/multiGrid/defaults.d.ts +2 -1
- package/dist/src/multiGrid/index.d.ts +2 -0
- package/dist/src/multiGrid/multiGridObservables.d.ts +1 -1
- package/dist/src/multiGrid/plugins/MultiValueStackAxis.d.ts +1 -0
- package/dist/src/multiGrid/plugins/OverlappingValueStackAxes.d.ts +1 -0
- package/dist/src/multiGrid/types.d.ts +3 -0
- package/dist/src/series/types.d.ts +2 -3
- package/package.json +42 -42
- package/src/base/BaseBarStack.ts +778 -778
- package/src/base/BaseBars.ts +764 -764
- package/src/base/BaseBarsTriangle.ts +672 -672
- package/src/base/BaseDots.ts +513 -502
- package/src/base/BaseGroupAxis.ts +562 -496
- package/src/base/BaseLegend.ts +641 -641
- package/src/base/BaseLineAreas.ts +625 -625
- package/src/base/BaseLines.ts +699 -699
- package/src/base/BaseValueAxis.ts +478 -478
- package/src/base/types.ts +2 -2
- package/src/grid/defaults.ts +125 -121
- package/src/grid/gridObservables.ts +248 -247
- package/src/grid/index.ts +15 -15
- package/src/grid/plugins/BarStack.ts +43 -50
- package/src/grid/plugins/Bars.ts +44 -51
- package/src/grid/plugins/{BarsDiverging.ts → BarsPN.ts} +41 -41
- package/src/grid/plugins/BarsTriangle.ts +42 -50
- package/src/grid/plugins/Dots.ts +37 -37
- package/src/grid/plugins/GridLegend.ts +59 -59
- package/src/grid/plugins/GroupAux.ts +645 -645
- package/src/grid/plugins/GroupAxis.ts +35 -42
- package/src/grid/plugins/LineAreas.ts +39 -39
- package/src/grid/plugins/Lines.ts +38 -38
- package/src/grid/plugins/ScalingArea.ts +173 -173
- package/src/grid/plugins/ValueAxis.ts +36 -43
- package/src/grid/plugins/ValueStackAxis.ts +38 -79
- package/src/grid/types.ts +122 -120
- package/src/index.ts +9 -9
- package/src/multiGrid/defaults.ts +152 -147
- package/src/multiGrid/index.ts +14 -12
- package/src/multiGrid/multiGridObservables.ts +44 -43
- package/src/multiGrid/plugins/MultiBarStack.ts +78 -78
- package/src/multiGrid/plugins/MultiBars.ts +77 -77
- package/src/multiGrid/plugins/MultiBarsTriangle.ts +77 -77
- package/src/multiGrid/plugins/MultiDots.ts +65 -65
- package/src/multiGrid/plugins/MultiGridLegend.ts +89 -89
- package/src/multiGrid/plugins/MultiGroupAxis.ts +69 -69
- package/src/multiGrid/plugins/MultiLineAreas.ts +67 -67
- package/src/multiGrid/plugins/MultiLines.ts +66 -66
- package/src/multiGrid/plugins/MultiValueAxis.ts +69 -69
- package/src/multiGrid/plugins/MultiValueStackAxis.ts +69 -0
- package/src/multiGrid/plugins/OverlappingValueAxes.ts +166 -173
- package/src/multiGrid/plugins/OverlappingValueStackAxes.ts +167 -0
- package/src/multiGrid/types.ts +71 -67
- package/src/noneData/defaults.ts +64 -64
- package/src/noneData/index.ts +3 -3
- package/src/noneData/plugins/Container.ts +10 -10
- package/src/noneData/plugins/Tooltip.ts +310 -310
- package/src/noneData/types.ts +26 -26
- package/src/series/defaults.ts +126 -126
- package/src/series/index.ts +9 -9
- package/src/series/plugins/Bubbles.ts +545 -602
- package/src/series/plugins/Pie.ts +576 -576
- package/src/series/plugins/PieEventTexts.ts +262 -262
- package/src/series/plugins/PieLabels.ts +304 -304
- package/src/series/plugins/Rose.ts +472 -472
- package/src/series/plugins/RoseLabels.ts +362 -362
- package/src/series/plugins/SeriesLegend.ts +59 -59
- package/src/series/seriesObservables.ts +145 -145
- package/src/series/seriesUtils.ts +51 -51
- package/src/series/types.ts +83 -83
- package/src/tree/defaults.ts +22 -22
- package/src/tree/index.ts +3 -3
- package/src/tree/plugins/TreeLegend.ts +59 -59
- package/src/tree/plugins/TreeMap.ts +305 -305
- package/src/tree/types.ts +23 -23
- package/src/utils/commonUtils.ts +21 -21
- package/src/utils/d3Graphics.ts +124 -124
- package/src/utils/d3Utils.ts +73 -73
- package/src/utils/observables.ts +14 -14
- package/src/utils/orbchartsUtils.ts +100 -100
- package/tsconfig.dev.json +16 -16
- package/tsconfig.json +13 -13
- package/tsconfig.prod.json +13 -13
- package/vite.config.js +49 -49
- package/dist/src/grid/plugins/BarsDiverging.d.ts +0 -1
    
        package/src/noneData/defaults.ts
    CHANGED
    
    | @@ -1,64 +1,64 @@ | |
| 1 | 
            -
            import type { ContainerPluginParams, TooltipParams } from './types'
         | 
| 2 | 
            -
            import type { EventBaseSeriesValue, EventBaseGridValue, EventBaseCategoryValue } from '@orbcharts/core'
         | 
| 3 | 
            -
             | 
| 4 | 
            -
            export const CONTAINER_PLUGIN_PARAMS: ContainerPluginParams = {
         | 
| 5 | 
            -
              header: {
         | 
| 6 | 
            -
                height: 36,
         | 
| 7 | 
            -
                text: [],
         | 
| 8 | 
            -
                textStyle: []
         | 
| 9 | 
            -
              },
         | 
| 10 | 
            -
              footer: {
         | 
| 11 | 
            -
                height: 0,
         | 
| 12 | 
            -
                text: [],
         | 
| 13 | 
            -
                textStyle: []
         | 
| 14 | 
            -
              }
         | 
| 15 | 
            -
            }
         | 
| 16 | 
            -
             | 
| 17 | 
            -
            export const TOOLTIP_PARAMS: TooltipParams = {
         | 
| 18 | 
            -
              backgroundColorType: 'background',
         | 
| 19 | 
            -
              strokeColorType: 'primary',
         | 
| 20 | 
            -
              backgroundOpacity: 0.8,
         | 
| 21 | 
            -
              textColorType: 'primary',
         | 
| 22 | 
            -
              offset: [20, 5],
         | 
| 23 | 
            -
              padding: 10,
         | 
| 24 | 
            -
              textRenderFn: (eventData) => {
         | 
| 25 | 
            -
                if (eventData.highlightTarget === 'datum' && eventData.datum) {
         | 
| 26 | 
            -
                  return [`${eventData.datum.label}: ${eventData.datum.value}`]
         | 
| 27 | 
            -
                } else if (eventData.highlightTarget === 'series') {
         | 
| 28 | 
            -
                  const label = (eventData as EventBaseSeriesValue<any, any>).seriesLabel
         | 
| 29 | 
            -
                  const valueArr = (eventData as EventBaseSeriesValue<any, any>).series
         | 
| 30 | 
            -
                    .filter(d => d.visible == true)
         | 
| 31 | 
            -
                    .map(d => {
         | 
| 32 | 
            -
                      return d.value
         | 
| 33 | 
            -
                    })
         | 
| 34 | 
            -
                  const value = valueArr.length > 5
         | 
| 35 | 
            -
                    ? valueArr.slice(0, 5).join(',') + '...'
         | 
| 36 | 
            -
                    : valueArr.join(',')
         | 
| 37 | 
            -
                  return [label, value]
         | 
| 38 | 
            -
                } else if (eventData.highlightTarget === 'group') {
         | 
| 39 | 
            -
                  const label = (eventData as EventBaseGridValue<any, any>).groupLabel
         | 
| 40 | 
            -
                  const valueArr = (eventData as EventBaseGridValue<any, any>).series
         | 
| 41 | 
            -
                    .filter(d => d.visible == true)
         | 
| 42 | 
            -
                    .map(d => {
         | 
| 43 | 
            -
                      return d.value
         | 
| 44 | 
            -
                    })
         | 
| 45 | 
            -
                  const value = valueArr.length > 5
         | 
| 46 | 
            -
                    ? valueArr.slice(0, 5).join(',') + '...'
         | 
| 47 | 
            -
                    : valueArr.join(',')
         | 
| 48 | 
            -
                  return [label, value]
         | 
| 49 | 
            -
                } else if (eventData.highlightTarget === 'category') {
         | 
| 50 | 
            -
                  const label = (eventData as EventBaseCategoryValue<any, any>).categoryLabel
         | 
| 51 | 
            -
                  const valueArr = (eventData as EventBaseCategoryValue<any, any>).category
         | 
| 52 | 
            -
                    .filter(d => d.visible == true)
         | 
| 53 | 
            -
                    .map(d => {
         | 
| 54 | 
            -
                      return d.value
         | 
| 55 | 
            -
                    })
         | 
| 56 | 
            -
                  const value = valueArr.length > 5
         | 
| 57 | 
            -
                    ? valueArr.slice(0, 5).join(',') + '...'
         | 
| 58 | 
            -
                    : valueArr.join(',')
         | 
| 59 | 
            -
                  return [label, value]
         | 
| 60 | 
            -
                }
         | 
| 61 | 
            -
                return []
         | 
| 62 | 
            -
              },
         | 
| 63 | 
            -
              svgRenderFn: null
         | 
| 64 | 
            -
            }
         | 
| 1 | 
            +
            import type { ContainerPluginParams, TooltipParams } from './types'
         | 
| 2 | 
            +
            import type { EventBaseSeriesValue, EventBaseGridValue, EventBaseCategoryValue } from '@orbcharts/core'
         | 
| 3 | 
            +
             | 
| 4 | 
            +
            export const CONTAINER_PLUGIN_PARAMS: ContainerPluginParams = {
         | 
| 5 | 
            +
              header: {
         | 
| 6 | 
            +
                height: 36,
         | 
| 7 | 
            +
                text: [],
         | 
| 8 | 
            +
                textStyle: []
         | 
| 9 | 
            +
              },
         | 
| 10 | 
            +
              footer: {
         | 
| 11 | 
            +
                height: 0,
         | 
| 12 | 
            +
                text: [],
         | 
| 13 | 
            +
                textStyle: []
         | 
| 14 | 
            +
              }
         | 
| 15 | 
            +
            }
         | 
| 16 | 
            +
             | 
| 17 | 
            +
            export const TOOLTIP_PARAMS: TooltipParams = {
         | 
| 18 | 
            +
              backgroundColorType: 'background',
         | 
| 19 | 
            +
              strokeColorType: 'primary',
         | 
| 20 | 
            +
              backgroundOpacity: 0.8,
         | 
| 21 | 
            +
              textColorType: 'primary',
         | 
| 22 | 
            +
              offset: [20, 5],
         | 
| 23 | 
            +
              padding: 10,
         | 
| 24 | 
            +
              textRenderFn: (eventData) => {
         | 
| 25 | 
            +
                if (eventData.highlightTarget === 'datum' && eventData.datum) {
         | 
| 26 | 
            +
                  return [`${eventData.datum.label}: ${eventData.datum.value}`]
         | 
| 27 | 
            +
                } else if (eventData.highlightTarget === 'series') {
         | 
| 28 | 
            +
                  const label = (eventData as EventBaseSeriesValue<any, any>).seriesLabel
         | 
| 29 | 
            +
                  const valueArr = (eventData as EventBaseSeriesValue<any, any>).series
         | 
| 30 | 
            +
                    .filter(d => d.visible == true)
         | 
| 31 | 
            +
                    .map(d => {
         | 
| 32 | 
            +
                      return d.value
         | 
| 33 | 
            +
                    })
         | 
| 34 | 
            +
                  const value = valueArr.length > 5
         | 
| 35 | 
            +
                    ? valueArr.slice(0, 5).join(',') + '...'
         | 
| 36 | 
            +
                    : valueArr.join(',')
         | 
| 37 | 
            +
                  return [label, value]
         | 
| 38 | 
            +
                } else if (eventData.highlightTarget === 'group') {
         | 
| 39 | 
            +
                  const label = (eventData as EventBaseGridValue<any, any>).groupLabel
         | 
| 40 | 
            +
                  const valueArr = (eventData as EventBaseGridValue<any, any>).series
         | 
| 41 | 
            +
                    .filter(d => d.visible == true)
         | 
| 42 | 
            +
                    .map(d => {
         | 
| 43 | 
            +
                      return d.value
         | 
| 44 | 
            +
                    })
         | 
| 45 | 
            +
                  const value = valueArr.length > 5
         | 
| 46 | 
            +
                    ? valueArr.slice(0, 5).join(',') + '...'
         | 
| 47 | 
            +
                    : valueArr.join(',')
         | 
| 48 | 
            +
                  return [label, value]
         | 
| 49 | 
            +
                } else if (eventData.highlightTarget === 'category') {
         | 
| 50 | 
            +
                  const label = (eventData as EventBaseCategoryValue<any, any>).categoryLabel
         | 
| 51 | 
            +
                  const valueArr = (eventData as EventBaseCategoryValue<any, any>).category
         | 
| 52 | 
            +
                    .filter(d => d.visible == true)
         | 
| 53 | 
            +
                    .map(d => {
         | 
| 54 | 
            +
                      return d.value
         | 
| 55 | 
            +
                    })
         | 
| 56 | 
            +
                  const value = valueArr.length > 5
         | 
| 57 | 
            +
                    ? valueArr.slice(0, 5).join(',') + '...'
         | 
| 58 | 
            +
                    : valueArr.join(',')
         | 
| 59 | 
            +
                  return [label, value]
         | 
| 60 | 
            +
                }
         | 
| 61 | 
            +
                return []
         | 
| 62 | 
            +
              },
         | 
| 63 | 
            +
              svgRenderFn: null
         | 
| 64 | 
            +
            }
         | 
    
        package/src/noneData/index.ts
    CHANGED
    
    | @@ -1,4 +1,4 @@ | |
| 1 | 
            -
            export * from './defaults'
         | 
| 2 | 
            -
            export * from './types'
         | 
| 3 | 
            -
            export { Container } from './plugins/Container'
         | 
| 1 | 
            +
            export * from './defaults'
         | 
| 2 | 
            +
            export * from './types'
         | 
| 3 | 
            +
            export { Container } from './plugins/Container'
         | 
| 4 4 | 
             
            export { Tooltip } from './plugins/Tooltip'
         | 
| @@ -1,11 +1,11 @@ | |
| 1 | 
            -
            import * as d3 from 'd3'
         | 
| 2 | 
            -
            import {
         | 
| 3 | 
            -
              defineNoneDataPlugin } from '@orbcharts/core'
         | 
| 4 | 
            -
            import { CONTAINER_PLUGIN_PARAMS } from '../defaults'
         | 
| 5 | 
            -
             | 
| 6 | 
            -
            export const Container = defineNoneDataPlugin('Container', CONTAINER_PLUGIN_PARAMS)(({ selection }) => {
         | 
| 7 | 
            -
              
         | 
| 8 | 
            -
              return function unsubscribe () {
         | 
| 9 | 
            -
                
         | 
| 10 | 
            -
              }
         | 
| 1 | 
            +
            import * as d3 from 'd3'
         | 
| 2 | 
            +
            import {
         | 
| 3 | 
            +
              defineNoneDataPlugin } from '@orbcharts/core'
         | 
| 4 | 
            +
            import { CONTAINER_PLUGIN_PARAMS } from '../defaults'
         | 
| 5 | 
            +
             | 
| 6 | 
            +
            export const Container = defineNoneDataPlugin('Container', CONTAINER_PLUGIN_PARAMS)(({ selection }) => {
         | 
| 7 | 
            +
              
         | 
| 8 | 
            +
              return function unsubscribe () {
         | 
| 9 | 
            +
                
         | 
| 10 | 
            +
              }
         | 
| 11 11 | 
             
            })
         |