| /* | |
| * 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); |