echarts echarts.all 代码
文件路径：/src/echarts.all.ts
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
import {use} from './extension';
export * from './export/core';
/ ----------------------------------------------
/ All of the modules that are allowed to be
/ imported are listed below.
/
/ Users MUST NOT import other modules that are
/ not included in this list.
/ ----------------------------------------------
import {
SVGRenderer,
CanvasRenderer
} from './export/renderers';
import {
LineChart,
BarChart,
PieChart,
ScatterChart,
RadarChart,
MapChart,
TreeChart,
TreemapChart,
GraphChart,
GaugeChart,
FunnelChart,
ParallelChart,
SankeyChart,
BoxplotChart,
CandlestickChart,
EffectScatterChart,
LinesChart,
HeatmapChart,
PictorialBarChart,
ThemeRiverChart,
SunburstChart,
CustomChart
} from './export/charts';
import {
GridComponent,
PolarComponent,
GeoComponent,
SingleAxisComponent,
ParallelComponent,
CalendarComponent,
GraphicComponent,
ToolboxComponent,
TooltipComponent,
AxisPointerComponent,
BrushComponent,
TitleComponent,
TimelineComponent,
MarkPointComponent,
MarkLineComponent,
MarkAreaComponent,
LegendComponent,
DataZoomComponent,
DataZoomInsideComponent,
DataZoomSliderComponent,
VisualMapComponent,
VisualMapContinuousComponent,
VisualMapPiecewiseComponent,
AriaComponent,
DatasetComponent,
TransformComponent
} from './export/components';
import {
UniversalTransition,
LabelLayout
} from './export/features';
/ -----------------
/ Render engines
/ -----------------
/ Render via Canvas.
/ echarts.init(dom, null, { renderer: 'canvas' })
use([CanvasRenderer]);
/ Render via SVG.
/ echarts.init(dom, null, { renderer: 'svg' })
use([SVGRenderer]);
/ ----------------
/ Charts (series)
/ ----------------
/ All of the series types, for example:
/ chart.setOption({
/ series: [{
/ type: 'line' / or 'bar', 'pie', ...
/ }]
/ });
use([
LineChart,
BarChart,
PieChart,
ScatterChart,
RadarChart,
MapChart,
TreeChart,
TreemapChart,
GraphChart,
GaugeChart,
FunnelChart,
ParallelChart,
SankeyChart,
BoxplotChart,
CandlestickChart,
EffectScatterChart,
LinesChart,
HeatmapChart,
PictorialBarChart,
ThemeRiverChart,
SunburstChart,
CustomChart
]);
/ -------------------
/ Coordinate systems
/ -------------------
/ All of the axis modules have been included in the
/ coordinate system module below, do not need to
/ make extra import.
/ `cartesian` coordinate system. For some historical
/ reasons, it is named as grid, for example:
/ chart.setOption({
/ grid: {...},
/ xAxis: {...},
/ yAxis: {...},
/ series: [{...}]
/ });
use(GridComponent);
/ `polar` coordinate system, for example:
/ chart.setOption({
/ polar: {...},
/ radiusAxis: {...},
/ angleAxis: {...},
/ series: [{
/ coordinateSystem: 'polar'
/ }]
/ });
use(PolarComponent);
/ `geo` coordinate system, for example:
/ chart.setOption({
/ geo: {...},
/ series: [{
/ coordinateSystem: 'geo'
/ }]
/ });
use(GeoComponent);
/ `singleAxis` coordinate system (notice, it is a coordinate system
/ with only one axis, work for chart like theme river), for example:
/ chart.setOption({
/ singleAxis: {...}
/ series: [{type: 'themeRiver', ...}]
/ });
use(SingleAxisComponent);
/ `parallel` coordinate system, only work for parallel series, for example:
/ chart.setOption({
/ parallel: {...},
/ parallelAxis: [{...}, ...],
/ series: [{
/ type: 'parallel'
/ }]
/ });
use(ParallelComponent);
/ `calendar` coordinate system. for example,
/ chart.setOptionp({
/ calendar: {...},
/ series: [{
/ coordinateSystem: 'calendar'
/ }]
/ );
use(CalendarComponent);
/ ------------------
/ Other components
/ ------------------
/ `graphic` component, for example:
/ chart.setOption({
/ graphic: {...}
/ });
use(GraphicComponent);
/ `toolbox` component, for example:
/ chart.setOption({
/ toolbox: {...}
/ });
use(ToolboxComponent);
/ `tooltip` component, for example:
/ chart.setOption({
/ tooltip: {...}
/ });
use(TooltipComponent);
/ `axisPointer` component, for example:
/ chart.setOption({
/ tooltip: {axisPointer: {...}, ...}
/ });
/ Or
/ chart.setOption({
/ axisPointer: {...}
/ });
use(AxisPointerComponent);
/ `brush` component, for example:
/ chart.setOption({
/ brush: {...}
/ });
/ Or
/ chart.setOption({
/ tooltip: {feature: {brush: {...}}
/ })
use(BrushComponent);
/ `title` component, for example:
/ chart.setOption({
/ title: {...}
/ });
use(TitleComponent);
/ `timeline` component, for example:
/ chart.setOption({
/ timeline: {...}
/ });
use(TimelineComponent);
/ `markPoint` component, for example:
/ chart.setOption({
/ series: [{markPoint: {...}}]
/ });
use(MarkPointComponent);
/ `markLine` component, for example:
/ chart.setOption({
/ series: [{markLine: {...}}]
/ });
use(MarkLineComponent);
/ `markArea` component, for example:
/ chart.setOption({
/ series: [{markArea: {...}}]
/ });
use(MarkAreaComponent);
/ `legend` component not scrollable. for example:
/ chart.setOption({
/ legend: {...}
/ });
use(LegendComponent);
/ `dataZoom` component including both `dataZoomInside` and `dataZoomSlider`.
use(DataZoomComponent);
/ `dataZoom` component providing drag, pinch, wheel behaviors
/ inside coodinate system, for example:
/ chart.setOption({
/ dataZoom: {type: 'inside'}
/ });
use(DataZoomInsideComponent);
/ `dataZoom` component providing a slider bar, for example:
/ chart.setOption({
/ dataZoom: {type: 'slider'}
/ });
use(DataZoomSliderComponent);
/ `visualMap` component including both `visualMapContinuous` and `visualMapPiecewise`.
use(VisualMapComponent);
/ `visualMap` component providing continuous bar, for example:
/ chart.setOption({
/ visualMap: {type: 'continuous'}
/ });
use(VisualMapContinuousComponent);
/ `visualMap` component providing pieces bar, for example:
/ chart.setOption({
/ visualMap: {type: 'piecewise'}
/ });
use(VisualMapPiecewiseComponent);
/ `aria` component providing aria, for example:
/ chart.setOption({
/ aria: {...}
/ });
use(AriaComponent);
/ dataset transform
/ chart.setOption({
/ dataset: {
/ transform: []
/ }
/ });
use(TransformComponent);
use(DatasetComponent);
/ universal transition
/ chart.setOption({
/ series: {
/ universalTransition: { enabled: true }
/ }
/ })
use(UniversalTransition);
/ label layout
/ chart.setOption({
/ series: {
/ labelLayout: { hideOverlap: true }
/ }
/ })
use(LabelLayout);