EcLineChart | kdayun 界面引擎API

曲线图

Hierarchy

EcCommonChartBase
- EcLineChart

Index

Constructors

constructor

Constructors

constructor

new EcLineChart(config?: any): EcLineChart

Inherited from EcCommonChartBase.constructor
- Defined in YH-Chart/src/EcLineChart.ts:62
Parameters
- Optional config: any
Returns EcLineChart

Properties

backgroundImage

backgroundImage: string

背景图

css

css: any

echartId

echartId: string

interval

interval: number

legendField

legendField: string

图列绑定字段

legendOrient

legendOrient: EchartToolboxOrient

图列朝向

onRefreshTimeScript

onRefreshTimeScript: string

刷新的脚本

optionsScript

optionsScript: string

保存了个性的配置

refreshTime

refreshTime: number

图表刷新时间(毫秒) 如果为空或者0 不是实时刷新注意不能设置太低的值会导致性能问题默认:0

seriesName

seriesName: string

系列名称，用于tooltip的显示，legend 的图例筛选，在 setOption 更新数据和配置项时用于指定对应的系列。

seriesNameField

seriesNameField: string

系列项的名称字段

seriesValueField

seriesValueField: string

系列的值字段

smooth

smooth: boolean

平滑曲线

themeId

themeId: string

管理的主题组件Id

titleLeft

titleLeft: EchartAlignment

标题组件离容器左侧的距离。

titleShow

titleShow: boolean

标题名称是否显示

titleText

titleText: string

标题名称

toolboxOrient

toolboxOrient: EchartToolboxOrient

工具栏 icon 的布局朝向。

toolboxShow

toolboxShow: boolean

工具栏是否显示

width

width: string

图表的宽,不设置就是100%

xAxisField

xAxisField: string

X轴绑定的字段

xAxisName

xAxisName: string

x轴名称。

xAxisShow

xAxisShow: boolean

x 轴是否显示

xAxisType

xAxisType: AxisType

x 轴显示的类型

yAxisField

yAxisField: string

Y轴绑定的字段

yAxisName

yAxisName: string

y 轴，名称

yAxisShow

yAxisShow: boolean

y 轴是否显示

yAxisType

yAxisType: AxisType

y 轴是显示类型

Methods

Protected doClear

doClear(): void

Inherited from EcCommonChartBase.doClear
- Defined in YH-Chart/src/EchartBase.ts:169
Returns void

Protected doDataChanged

doDataChanged(ds: DataSourceBase): void

Inherited from EcCommonChartBase.doDataChanged
- Defined in YH-Chart/src/ChartBase.ts:118
Parameters
- ds: DataSourceBase
Returns void

doDataParser

doDataParser(): any

Overrides EcCommonChartBase.doDataParser
- Defined in YH-Chart/src/EcLineChart.ts:73
Returns any

Protected doGetClassName

doGetClassName(): string

Inherited from EcCommonChartBase.doGetClassName
- Defined in YH-Chart/src/ChartBase.ts:70
Returns string

doGetCss

doGetCss(): any

Inherited from EcCommonChartBase.doGetCss
- Defined in YH-Chart/src/ChartBase.ts:56
Returns any

Protected doGetDefalutOptions

doGetDefalutOptions(): { legend: {}; noDataLoadingOption: { effect: string; effectOption: { backgroundColor: string }; text: string; textStyle: { fontSize: number; fontWeight: string } }; series: { name: string; type: string }; title: { left: EchartAlignment; show: boolean; text: string }; toolbox: { feature: { dataView: { readOnly: boolean }; dataZoom: { yAxisIndex: string }; magicType: { type: string[] }; restore: {}; saveAsImage: {} }; orient: EchartToolboxOrient; show: boolean }; tooltip: { axisPointer: { label: { backgroundColor: string }; type: string }; show: boolean; trigger: string }; xAxis: { name: string; show: boolean; splitLine: { show: boolean }; type: AxisType }; yAxis: { name: string; show: boolean; type: AxisType } }

Overrides EcCommonChartBase.doGetDefalutOptions
- Defined in YH-Chart/src/EcLineChart.ts:138
Returns { legend: {}; noDataLoadingOption: { effect: string; effectOption: { backgroundColor: string }; text: string; textStyle: { fontSize: number; fontWeight: string } }; series: { name: string; type: string }; title: { left: EchartAlignment; show: boolean; text: string }; toolbox: { feature: { dataView: { readOnly: boolean }; dataZoom: { yAxisIndex: string }; magicType: { type: string[] }; restore: {}; saveAsImage: {} }; orient: EchartToolboxOrient; show: boolean }; tooltip: { axisPointer: { label: { backgroundColor: string }; type: string }; show: boolean; trigger: string }; xAxis: { name: string; show: boolean; splitLine: { show: boolean }; type: AxisType }; yAxis: { name: string; show: boolean; type: AxisType } }
- legend: {}
- noDataLoadingOption: { effect: string; effectOption: { backgroundColor: string }; text: string; textStyle: { fontSize: number; fontWeight: string } }
  - effect: string
  - effectOption: { backgroundColor: string }
    - backgroundColor: string
  - text: string
  - textStyle: { fontSize: number; fontWeight: string }
    - fontSize: number
    - fontWeight: string
- series: { name: string; type: string }
  - name: string
  - type: string
- title: { left: EchartAlignment; show: boolean; text: string }
  - left: EchartAlignment
  - show: boolean
  - text: string
- toolbox: { feature: { dataView: { readOnly: boolean }; dataZoom: { yAxisIndex: string }; magicType: { type: string[] }; restore: {}; saveAsImage: {} }; orient: EchartToolboxOrient; show: boolean }
  - feature: { dataView: { readOnly: boolean }; dataZoom: { yAxisIndex: string }; magicType: { type: string[] }; restore: {}; saveAsImage: {} }
    - dataView: { readOnly: boolean }
      - readOnly: boolean
    - dataZoom: { yAxisIndex: string }
      - yAxisIndex: string
    - magicType: { type: string[] }
      - type: string[]
    - restore: {}
    - saveAsImage: {}
  - orient: EchartToolboxOrient
  - show: boolean
- tooltip: { axisPointer: { label: { backgroundColor: string }; type: string }; show: boolean; trigger: string }
  - axisPointer: { label: { backgroundColor: string }; type: string }
    - label: { backgroundColor: string }
      - backgroundColor: string
    - type: string
  - show: boolean
  - trigger: string
- xAxis: { name: string; show: boolean; splitLine: { show: boolean }; type: AxisType }
  - name: string
  - show: boolean
  - splitLine: { show: boolean }
    - show: boolean
  - type: AxisType
- yAxis: { name: string; show: boolean; type: AxisType }
  - name: string
  - show: boolean
  - type: AxisType

doGetElemtHtml

doGetElemtHtml(): string

- Defined in YH-Chart/src/EcLineChart.ts:69
Returns string

Protected doGetNewEchartInsc

doGetNewEchartInsc(): any

Inherited from EcCommonChartBase.doGetNewEchartInsc
- Defined in YH-Chart/src/EchartBase.ts:129
得到新的EChart对象的实例

Returns any

Protected doGetOptions

doGetOptions(): any

Inherited from EcCommonChartBase.doGetOptions
- Defined in YH-Chart/src/EchartBase.ts:177
得到图表的配置项,如果存在自定义的配置项就加载自定义的. 子类可覆盖改函数自定义

Returns any

Protected doLoadData

doLoadData(isReload?: boolean): void

Inherited from EcCommonChartBase.doLoadData
- Defined in YH-Chart/src/ChartBase.ts:176
刷新数据源加载数据

Parameters
- isReload: boolean = true
  
  重新加载
Returns void

doRender

doRender(): void

Inherited from EcCommonChartBase.doRender
- Defined in YH-Chart/src/EchartBase.ts:199
Returns void

doRenderWidthHeight

doRenderWidthHeight(): void

Inherited from EcCommonChartBase.doRenderWidthHeight
- Defined in YH-Chart/src/ChartBase.ts:113
渲染宽高

Returns void

Protected doRequestLibJs

doRequestLibJs(callback: any): void

Inherited from EcCommonChartBase.doRequestLibJs
- Defined in YH-Chart/src/EchartBase.ts:156
Parameters
- callback: any
Returns void

getAttrEditors

getAttrEditors(): AttributeEditorBase[]

Overrides EcCommonChartBase.getAttrEditors
- Defined in YH-Chart/src/EcLineChart.ts:205
设置属性

Returns AttributeEditorBase[]

getAxisData

getAxisData(rows: Row[], fieldName: string, axisType?: AxisType): any[]

Inherited from EcCommonChartBase.getAxisData
- Defined in YH-Chart/src/EcCommonChartBase.ts:124
组装各个轴的对象

Parameters
- rows: Row[]
- fieldName: string
- axisType: AxisType = ...
Returns any[]

getDataSet

getDataSet(): { dimensions: any[]; source: any[] }

Inherited from EcCommonChartBase.getDataSet
- Defined in YH-Chart/src/EchartBase.ts:253
把数据源ds转化到Echar的dataSet

Returns { dimensions: any[]; source: any[] }
- dimensions: any[]
- source: any[]

getDefalutOptions

getDefalutOptions(): any

Inherited from EcCommonChartBase.getDefalutOptions
- Defined in YH-Chart/src/EchartBase.ts:221
得到默认配置好的配置项

Returns any

配置对象

getEchart

getEchart(): any

Inherited from EcCommonChartBase.getEchart
- Defined in YH-Chart/src/EchartBase.ts:115
获取Echart实例对象

Returns any

成功返回图标实例,否则返回null

getLegendData

getLegendData(rows: Row[], fieldName: string, type?: string): any[]

Inherited from EcCommonChartBase.getLegendData
- Defined in YH-Chart/src/EcCommonChartBase.ts:144
组装图例的对象

Parameters
- rows: Row[]
- fieldName: string
- type: string = "scroll"
Returns any[]

getLengend

getLengend(): any[]

- Defined in YH-Chart/src/EcLineChart.ts:98
Returns any[]

getSeriesObj

getSeriesObj(rows: Row[], valueFieldName: string, groupFieldName: string, type?: string): any[]

- Defined in YH-Chart/src/EcLineChart.ts:119
分组组装series数组

Parameters
- rows: Row[]
  
  行数组
- valueFieldName: string
  
  值的字段名
- groupFieldName: string
  
  分组字段名
- type: string = 'line'
Returns any[]

series数组

getTheme

getTheme(): EchartTheme

Inherited from EcCommonChartBase.getTheme
- Defined in YH-Chart/src/EchartBase.ts:245
Returns EchartTheme

getXAxisData

getXAxisData(): any[]

- Defined in YH-Chart/src/EcLineChart.ts:101
Returns any[]

getYAxisData

getYAxisData(): any[]

- Defined in YH-Chart/src/EcLineChart.ts:106
Returns any[]

Protected isOptionScript

isOptionScript(): boolean

Inherited from EcCommonChartBase.isOptionScript
- Defined in YH-Chart/src/EchartBase.ts:165
是使用个性的脚本来渲染组件

Returns boolean

onRefreshTime

onRefreshTime(callback: onRefreshTimeHandle): void

Inherited from EcCommonChartBase.onRefreshTime
- Defined in YH-Chart/src/ChartBase.ts:88
注册间隔时间刷新事件

Parameters
- callback: onRefreshTimeHandle
  
  onChooseHandel事件处理函数
Returns void

raiseOnRefreshTime

raiseOnRefreshTime(): void

Inherited from EcCommonChartBase.raiseOnRefreshTime
- Defined in YH-Chart/src/ChartBase.ts:76
触发间隔时间刷新事件

Returns void

reLoadData

reLoadData(): void

Inherited from EcCommonChartBase.reLoadData
- Defined in YH-Chart/src/ChartBase.ts:188
重新刷新数据

Returns void

render

render(): void

Inherited from EcCommonChartBase.render
- Defined in YH-Chart/src/ChartBase.ts:148
Returns void

Protected startLoadData

startLoadData(): void

Inherited from EcCommonChartBase.startLoadData
- Defined in YH-Chart/src/ChartBase.ts:160
开始刷新数据数据

Returns void

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

Optional config: any

Returns EcLineChart

Properties

backgroundImage

css

echartId

interval

legendField

legendOrient

onRefreshTimeScript

optionsScript

refreshTime

seriesName

seriesNameField

seriesValueField

smooth

themeId

titleLeft

titleShow

titleText

toolboxOrient

toolboxShow

width

xAxisField

xAxisName

xAxisShow

xAxisType

yAxisField

yAxisName

yAxisShow

yAxisType

Methods

Protected doClear

Returns void

Protected doDataChanged

Parameters

ds: DataSourceBase

Returns void

doDataParser

Returns any

Protected doGetClassName

Returns string

doGetCss

Returns any

Protected doGetDefalutOptions

legend: {}

noDataLoadingOption: { effect: string; effectOption: { backgroundColor: string }; text: string; textStyle: { fontSize: number; fontWeight: string } }

effect: string

effectOption: { backgroundColor: string }

backgroundColor: string

text: string

textStyle: { fontSize: number; fontWeight: string }

fontSize: number

fontWeight: string

series: { name: string; type: string }

name: string

type: string

title: { left: EchartAlignment; show: boolean; text: string }

left: EchartAlignment

show: boolean

text: string

toolbox: { feature: { dataView: { readOnly: boolean }; dataZoom: { yAxisIndex: string }; magicType: { type: string[] }; restore: {}; saveAsImage: {} }; orient: EchartToolboxOrient; show: boolean }

feature: { dataView: { readOnly: boolean }; dataZoom: { yAxisIndex: string }; magicType: { type: string[] }; restore: {}; saveAsImage: {} }

dataView: { readOnly: boolean }

readOnly: boolean

dataZoom: { yAxisIndex: string }

yAxisIndex: string

magicType: { type: string[] }

type: string[]

restore: {}

saveAsImage: {}

orient: EchartToolboxOrient