You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by wa...@apache.org on 2020/11/04 08:37:54 UTC
[incubator-echarts-examples] branch next updated: add
area-stack-gradient eexample
This is an automated email from the ASF dual-hosted git repository.
wangdd pushed a commit to branch next
in repository https://gitbox.apache.org/repos/asf/incubator-echarts-examples.git
The following commit(s) were added to refs/heads/next by this push:
new 6242b25 add area-stack-gradient eexample
6242b25 is described below
commit 6242b25781a3112c3b2f9a5fb20a5a252dad58f7
Author: Wdingding <wa...@gmail.com>
AuthorDate: Wed Nov 4 16:37:38 2020 +0800
add area-stack-gradient eexample
---
public/data/area-stack-gradient.js | 174 +++++++++++++++++++++++++++++++++++++
1 file changed, 174 insertions(+)
diff --git a/public/data/area-stack-gradient.js b/public/data/area-stack-gradient.js
new file mode 100644
index 0000000..320f241
--- /dev/null
+++ b/public/data/area-stack-gradient.js
@@ -0,0 +1,174 @@
+/*
+title: Gradient Stacked area chart
+titleCN: 渐变堆叠面积图
+category: line
+difficulty: 2
+*/
+
+option = {
+ color: ['#80FFA5', '#00DDFF', '#37A2FF', '#FF0087', '#FFBF00'],
+ title: {
+ text: '渐变堆叠面积图'
+ },
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ type: 'cross',
+ label: {
+ backgroundColor: '#6a7985'
+ }
+ }
+ },
+ legend: {
+ data: ['Line 1', 'Line 2', 'Line 3', 'Line 4', 'Line 5']
+ },
+ toolbox: {
+ feature: {
+ saveAsImage: {}
+ }
+ },
+ grid: {
+ left: '3%',
+ right: '4%',
+ bottom: '3%',
+ containLabel: true
+ },
+ xAxis: [
+ {
+ type: 'category',
+ boundaryGap: false,
+ data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+ }
+ ],
+ yAxis: [
+ {
+ type: 'value'
+ }
+ ],
+ series: [
+ {
+ name: 'Line 1',
+ type: 'line',
+ stack: '总量',
+ smooth: true,
+ lineStyle: {
+ width: 0
+ },
+ showSymbol: false,
+ areaStyle: {
+ opacity: 0.8,
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(128, 255, 165)'
+ }, {
+ offset: 1,
+ color: 'rgba(1, 191, 236)'
+ }])
+ },
+ emphasis: {
+ focus: 'series'
+ },
+ data: [140, 232, 101, 264, 90, 340, 250]
+ },
+ {
+ name: 'Line 2',
+ type: 'line',
+ stack: '总量',
+ smooth: true,
+ lineStyle: {
+ width: 0
+ },
+ showSymbol: false,
+ areaStyle: {
+ opacity: 0.8,
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(0, 221, 255)'
+ }, {
+ offset: 1,
+ color: 'rgba(77, 119, 255)'
+ }])
+ },
+ emphasis: {
+ focus: 'series'
+ },
+ data: [120, 282, 111, 234, 220, 340, 310]
+ },
+ {
+ name: 'Line 3',
+ type: 'line',
+ stack: '总量',
+ smooth: true,
+ lineStyle: {
+ width: 0
+ },
+ showSymbol: false,
+ areaStyle: {
+ opacity: 0.8,
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(55, 162, 255)'
+ }, {
+ offset: 1,
+ color: 'rgba(116, 21, 219)'
+ }])
+ },
+ emphasis: {
+ focus: 'series'
+ },
+ data: [320, 132, 201, 334, 190, 130, 220]
+ },
+ {
+ name: 'Line 4',
+ type: 'line',
+ stack: '总量',
+ smooth: true,
+ lineStyle: {
+ width: 0
+ },
+ showSymbol: false,
+ areaStyle: {
+ opacity: 0.8,
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(255, 0, 135)'
+ }, {
+ offset: 1,
+ color: 'rgba(135, 0, 157)'
+ }])
+ },
+ emphasis: {
+ focus: 'series'
+ },
+ data: [220, 402, 231, 134, 190, 230, 120]
+ },
+ {
+ name: 'Line 5',
+ type: 'line',
+ stack: '总量',
+ smooth: true,
+ lineStyle: {
+ width: 0
+ },
+ showSymbol: false,
+ label: {
+ show: true,
+ position: 'top'
+ },
+ areaStyle: {
+ opacity: 0.8,
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(255, 191, 0)'
+ }, {
+ offset: 1,
+ color: 'rgba(224, 62, 76)'
+ }])
+ },
+ emphasis: {
+ focus: 'series'
+ },
+ data: [220, 302, 181, 234, 210, 290, 150]
+ }
+ ]
+};
\ No newline at end of file
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org