/* * 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.setOption({ // 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 coordinate 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);