CHART()
Syntax: CHART(chartOption() [,size()] [, theme()] [, chartJSCode()])
Since v8.0.8
Options
chartOption()
Syntax: chartOption( { json in apache echarts options } )
chartJSCode()
Syntax: chartJSCode( { user javascript code } )
size()
Syntax: size(width, height)
width
string chart width in HTML syntax ex)'800px'
height
string chart height in HTML syntax ex)'800px'
theme()
Syntax: theme(name)
name
string theme name
Apply a chart theme.
Available themes : white
, dark
, chalk
, essos
, infographic
, macarons
, purple-passion
, roma
, romantic
, shine
, vintage
, walden
, westeros
, wonderland
Please refer to this section for the preview of the each theme.
plugins()
Syntax: plugins(plugin...)
plugin
string pre-defined plugin name or url of plugin module.
Pre-defined plugin | Actual module url |
---|---|
liquidfill | /web/echarts/echarts-liquidfill.min.js |
wordcloud | /web/echarts/echarts-wordcloud.min.js |
gl | /web/echarts/echarts-gl.min.js |
New Charts
The new CHART()
provides more fine-tunable options to create attractive charts.
It is the new version of API that replaces for the previous CHART_LINE()
, CHART_BAR()
, CHART_SCATTER
, CHART_LINE3D
, CHART_BAR3D()
and CHART_SCATTER3D()
functions.
Line
![Basic Line Chart](./img/basic_line.jpg)
![Basic Area Chart](./img/basic_area.jpg)
![Stacked Line Chart](./img/stacked_line.jpg)
![Stacked Area Chart](./img/stacked_area.jpg)
![Area Pieces](./img/area_pieces.jpg)
![Step Line](./img/step_line.jpg)
![Multiple X axes](./img/multiple_x_axes.jpg)
![Multiple Y axes](./img/multiple_y_axes.jpg)
![Basic Mix](./img/basic_mix.jpg)
![Large Area Chart](./img/large_area.jpg)
![Data Transform](./img/line_datatransform.jpg)
![Air Passengers](./img/line_airpassengers.jpg)
![Cartesian Coordinate System](./img/cartesian_coord.jpg)
Bar
![Basic Bar Chart](./img/basic_bar.jpg)
![Category Bar](./img/bar_category.jpg)
![Stacked Bar Normalization](./img/bar_stacked_normalize.jpg)
![Negative Values](./img/bar_negative.jpg)
![Tangential Polar Bar](./img/tangential_polar_bar.jpg)
![Large Scale Bar Chart](./img/bar_largescale.jpg)
![Bar race](./img/bar_race.gif)
Pie
Scatter
Radar
Gauge
Candlestick
Boxplot
GeoJSON
Heatmap
Liquidfill
3D Globe
3D Bar
3D Line
Others
Themes
|
|
white
dark
chalk
essos
infographic
macarons
purple-passion
roma
romantic
shine
vintage
walden
westeros
wonderland