@covalent/echarts
Version:
Teradata UI Platform Echarts Module
2,163 lines (2,155 loc) • 126 kB
JavaScript
import * as i0 from '@angular/core';
import { Injectable, Optional, SkipSelf, inject, ChangeDetectorRef, ElementRef, EventEmitter, ChangeDetectionStrategy, Component, Output, Input, Directive, NgModule } from '@angular/core';
import { BehaviorSubject, Subject, fromEvent, merge, timer } from 'rxjs';
import { takeUntil, debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';
class TdChartOptionsService {
_options = {};
_optionsSubject = new BehaviorSubject(this._options);
setOption(option, value) {
const options = {};
options[option] = value;
Object.assign(this._options, options);
this._optionsSubject.next(this._options);
}
setArrayOption(option, value) {
let prevValue = this.getOption(option);
if (prevValue) {
const index = prevValue.indexOf(value);
index > -1 ? (prevValue[index] = value) : prevValue.push(value);
}
else {
prevValue = [value];
}
this.setOption(option, prevValue);
}
removeArrayOption(option, value) {
let prevValue = this.getOption(option);
if (prevValue) {
const index = prevValue.indexOf(value);
if (index > -1) {
/* tslint:disable-next-line */
prevValue[index] = null;
}
else {
prevValue = [];
}
}
this.setOption(option, prevValue);
}
getOption(option) {
return this._options[option];
}
clearOption(option) {
/* tslint:disable-next-line */
this.setOption(option, null);
}
listen() {
return this._optionsSubject.asObservable();
}
static ɵfac = function TdChartOptionsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdChartOptionsService)(); };
static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TdChartOptionsService, factory: TdChartOptionsService.ɵfac });
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdChartOptionsService, [{
type: Injectable
}], null, null); })();
function CHART_PROVIDER_FACTORY(parent) {
return parent || new TdChartOptionsService();
}
const CHART_PROVIDER = {
// If there is already a service available, use that. Otherwise, provide a new one.
provide: TdChartOptionsService,
deps: [[new Optional(), new SkipSelf(), TdChartOptionsService]],
useFactory: CHART_PROVIDER_FACTORY,
};
function assignDefined(target, ...sources) {
const keys = new Set();
for (const source of sources) {
for (const key of Object.keys(source)) {
keys.add(key);
const val = source[key];
/* tslint:disable-next-line */
if (val !== undefined && val !== null) {
target[key] = val;
/* tslint:disable-next-line */
}
else if (val === null) {
delete target[key];
}
}
}
// delete keys that are not in any source
for (const key of Object.keys(target)) {
if (!keys.has(key)) {
delete target[key];
}
}
return target;
}
/* tslint:disable */
var aquaSplash = {
color: [
'#305b9e',
'#0076a9',
'#1d8daa',
'#51a2a8',
'#7fb5aa',
'#aac6b4',
'#CFD8C8',
'#ECEBE4',
],
backgroundColor: 'transparent',
textStyle: {},
title: {
textStyle: {
color: '#aaaaaa',
},
subtextStyle: {
color: '#aaaaaa',
},
},
tree: {
itemStyle: {
color: '#ECEBE4',
borderColor: '#305b9e',
},
},
line: {
itemStyle: {
normal: {
borderWidth: '2',
},
},
lineStyle: {
normal: {
width: '2',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
},
radar: {
itemStyle: {
normal: {
borderWidth: '2',
},
},
lineStyle: {
normal: {
width: '2',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
},
bar: {
itemStyle: {
normal: {
barBorderWidth: 0,
barBorderColor: '#ccc',
},
emphasis: {
barBorderWidth: 0,
barBorderColor: '#ccc',
},
},
},
pie: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
scatter: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
boxplot: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
parallel: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
sankey: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
funnel: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
gauge: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
candlestick: {
itemStyle: {
normal: {
color: '#305b9e',
color0: 'transparent',
borderColor: '#305b9e',
borderColor0: '#1d8daa',
borderWidth: '2',
},
},
},
graph: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
},
lineStyle: {
normal: {
width: 1,
color: '#aaaaaa',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
color: [
'#305b9e',
'#0076a9',
'#1d8daa',
'#51a2a8',
'#7fb5aa',
'#aac6b4',
'#CFD8C8',
'#ECEBE4',
],
label: {
normal: {
textStyle: {
color: '#ffffff',
},
},
},
},
map: {
itemStyle: {
normal: {
areaColor: '#f3f3f3',
borderColor: '#999999',
borderWidth: 0.5,
},
emphasis: {
areaColor: 'rgba(254,198,77,1)',
borderColor: '#ecaf2b',
borderWidth: 1,
},
},
label: {
normal: {
textStyle: {
color: '#00475e',
},
},
emphasis: {
textStyle: {
color: 'rgb(0,71,94)',
},
},
},
},
geo: {
itemStyle: {
normal: {
areaColor: '#f3f3f3',
borderColor: '#999999',
borderWidth: 0.5,
},
emphasis: {
areaColor: 'rgba(254,198,77,1)',
borderColor: '#ecaf2b',
borderWidth: 1,
},
},
label: {
normal: {
textStyle: {
color: '#00475e',
},
},
emphasis: {
textStyle: {
color: 'rgb(0,71,94)',
},
},
},
},
categoryAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
valueAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
logAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
timeAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
toolbox: {
iconStyle: {
normal: {
borderColor: '#999999',
},
emphasis: {
borderColor: '#666666',
},
},
},
legend: {
textStyle: {
color: '#000000',
},
},
tooltip: {
axisPointer: {
lineStyle: {
color: '#cccccc',
width: 1,
},
crossStyle: {
color: '#cccccc',
width: 1,
},
},
},
timeline: {
lineStyle: {
color: '#666666',
width: 1,
},
itemStyle: {
normal: {
color: '#666666',
borderWidth: 1,
},
emphasis: {
color: '#f7ac4f',
},
},
controlStyle: {
normal: {
color: '#666666',
borderColor: '#666666',
borderWidth: 0.5,
},
emphasis: {
color: '#666666',
borderColor: '#666666',
borderWidth: 0.5,
},
},
checkpointStyle: {
color: '#f7ac4f',
borderColor: 'rgba(254,198,77,0.6)',
},
label: {
normal: {
textStyle: {
color: '#666666',
},
},
emphasis: {
textStyle: {
color: '#666666',
},
},
},
},
visualMap: {
color: [
'#305b9e',
'#0076a9',
'#1d8daa',
'#51a2a8',
'#7fb5aa',
'#aac6b4',
'#CFD8C8',
'#ECEBE4',
],
},
dataZoom: {
backgroundColor: 'rgba(255,255,255,0)',
dataBackgroundColor: 'rgba(255,178,72,0.5)',
fillerColor: 'rgba(255,178,72,0.15)',
handleColor: '#ffb248',
handleSize: '100%',
textStyle: {
color: '#aaaaaa',
},
},
markPoint: {
label: {
normal: {
textStyle: {
color: '#ffffff',
},
},
emphasis: {
textStyle: {
color: '#ffffff',
},
},
},
},
};
/* tslint:disable */
var californiaCoast = {
color: ['#0098c9', '#6ab1d7', '#a0cae4', '#ffbb9c', '#fd986d', '#ff5f02'],
backgroundColor: 'transparent',
textStyle: {},
title: {
textStyle: {
color: '#aaaaaa',
},
subtextStyle: {
color: '#aaaaaa',
},
},
tree: {
itemStyle: {
color: '#ffbb9c',
borderColor: '#0098c9',
},
},
line: {
itemStyle: {
normal: {
borderWidth: '2',
},
},
lineStyle: {
normal: {
width: '2',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
},
radar: {
itemStyle: {
normal: {
borderWidth: '2',
},
},
lineStyle: {
normal: {
width: '2',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
},
bar: {
itemStyle: {
normal: {
barBorderWidth: 0,
barBorderColor: '#ccc',
},
emphasis: {
barBorderWidth: 0,
barBorderColor: '#ccc',
},
},
},
pie: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
scatter: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
boxplot: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
parallel: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
sankey: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
funnel: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
gauge: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
candlestick: {
itemStyle: {
normal: {
color: '#ff5f02',
color0: 'transparent',
borderColor: '#ff5f02',
borderColor0: '#0098c9',
borderWidth: '2',
},
},
},
graph: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
},
lineStyle: {
normal: {
width: 1,
color: '#aaaaaa',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
color: ['#0098c9', '#6ab1d7', '#a0cae4', '#ffbb9c', '#fd986d', '#ff5f02'],
label: {
normal: {
textStyle: {
color: '#ffffff',
},
},
},
},
map: {
itemStyle: {
normal: {
areaColor: '#f3f3f3',
borderColor: '#999999',
borderWidth: 0.5,
},
emphasis: {
areaColor: 'rgba(254,198,77,1)',
borderColor: '#ecaf2b',
borderWidth: 1,
},
},
label: {
normal: {
textStyle: {
color: '#394851',
},
},
emphasis: {
textStyle: {
color: 'rgb(57,72,81)',
},
},
},
},
geo: {
itemStyle: {
normal: {
areaColor: '#f3f3f3',
borderColor: '#999999',
borderWidth: 0.5,
},
emphasis: {
areaColor: 'rgba(254,198,77,1)',
borderColor: '#ecaf2b',
borderWidth: 1,
},
},
label: {
normal: {
textStyle: {
color: '#394851',
},
},
emphasis: {
textStyle: {
color: 'rgb(57,72,81)',
},
},
},
},
categoryAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
valueAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
logAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
timeAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
toolbox: {
iconStyle: {
normal: {
borderColor: '#999999',
},
emphasis: {
borderColor: '#666666',
},
},
},
legend: {
textStyle: {
color: '#aaaaaa',
},
},
tooltip: {
axisPointer: {
lineStyle: {
color: '#cccccc',
width: 1,
},
crossStyle: {
color: '#cccccc',
width: 1,
},
},
},
timeline: {
lineStyle: {
color: '#666666',
width: 1,
},
itemStyle: {
normal: {
color: '#666666',
borderWidth: 1,
},
emphasis: {
color: '#fec64d',
},
},
controlStyle: {
normal: {
color: '#666666',
borderColor: '#666666',
borderWidth: 0.5,
},
emphasis: {
color: '#666666',
borderColor: '#666666',
borderWidth: 0.5,
},
},
checkpointStyle: {
color: '#ff5f02',
borderColor: 'rgba(255,178,72,0.41)',
},
label: {
normal: {
textStyle: {
color: '#666666',
},
},
emphasis: {
textStyle: {
color: '#666666',
},
},
},
},
visualMap: {
color: ['#0098c9', '#6ab1d7', '#a0cae4', '#FFBB9C', '#FD986D', '#ff5f02'],
},
dataZoom: {
backgroundColor: 'rgba(255,255,255,0)',
dataBackgroundColor: 'rgba(255,178,72,0.5)',
fillerColor: 'rgba(255,178,72,0.15)',
handleColor: '#fec64d',
handleSize: '100%',
textStyle: {
color: '#aaaaaa',
},
},
markPoint: {
label: {
normal: {
textStyle: {
color: '#ffffff',
},
},
emphasis: {
textStyle: {
color: '#ffffff',
},
},
},
},
};
/* tslint:disable */
var hawaiianSunrise = {
color: ['#00b2b1', '#69c6c4', '#a0d9d7', '#ffbb9c', '#fd986d', '#ff5f02'],
backgroundColor: 'transparent',
textStyle: {},
title: {
textStyle: {
color: '#aaaaaa',
},
subtextStyle: {
color: '#aaaaaa',
},
},
tree: {
itemStyle: {
color: '#a0d9d7',
borderColor: '#00b2b1',
},
},
line: {
itemStyle: {
normal: {
borderWidth: '2',
},
},
lineStyle: {
normal: {
width: '2',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
},
radar: {
itemStyle: {
normal: {
borderWidth: '2',
},
},
lineStyle: {
normal: {
width: '2',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
},
bar: {
itemStyle: {
normal: {
barBorderWidth: 0,
barBorderColor: '#ccc',
},
emphasis: {
barBorderWidth: 0,
barBorderColor: '#ccc',
},
},
},
pie: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
scatter: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
boxplot: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
parallel: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
sankey: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
funnel: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
gauge: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
candlestick: {
itemStyle: {
normal: {
color: '#ff5f02',
color0: 'transparent',
borderColor: '#ff5f02',
borderColor0: '#00b2b1',
borderWidth: '2',
},
},
},
graph: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
},
lineStyle: {
normal: {
width: 1,
color: '#aaaaaa',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
color: ['#00b2b1', '#69c6c4', '#a0d9d7', '#ffbb9c', '#fd986d', '#ff5f02'],
label: {
normal: {
textStyle: {
color: '#ffffff',
},
},
},
},
map: {
itemStyle: {
normal: {
areaColor: '#f3f3f3',
borderColor: '#999999',
borderWidth: 0.5,
},
emphasis: {
areaColor: 'rgba(254,198,77,1)',
borderColor: '#ecaf2b',
borderWidth: 1,
},
},
label: {
normal: {
textStyle: {
color: '#007373',
},
},
emphasis: {
textStyle: {
color: 'rgb(0,115,115)',
},
},
},
},
geo: {
itemStyle: {
normal: {
areaColor: '#f3f3f3',
borderColor: '#999999',
borderWidth: 0.5,
},
emphasis: {
areaColor: 'rgba(254,198,77,1)',
borderColor: '#ecaf2b',
borderWidth: 1,
},
},
label: {
normal: {
textStyle: {
color: '#007373',
},
},
emphasis: {
textStyle: {
color: 'rgb(0,115,115)',
},
},
},
},
categoryAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
valueAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
logAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
timeAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
toolbox: {
iconStyle: {
normal: {
borderColor: '#999999',
},
emphasis: {
borderColor: '#666666',
},
},
},
legend: {
textStyle: {
color: '#000000',
},
},
tooltip: {
axisPointer: {
lineStyle: {
color: '#cccccc',
width: 1,
},
crossStyle: {
color: '#cccccc',
width: 1,
},
},
},
timeline: {
lineStyle: {
color: '#666666',
width: 1,
},
itemStyle: {
normal: {
color: '#666666',
borderWidth: 1,
},
emphasis: {
color: '#fec64d',
},
},
controlStyle: {
normal: {
color: '#666666',
borderColor: '#666666',
borderWidth: 0.5,
},
emphasis: {
color: '#666666',
borderColor: '#666666',
borderWidth: 0.5,
},
},
checkpointStyle: {
color: '#ff5f02',
borderColor: 'rgba(255,178,72,0.41)',
},
label: {
normal: {
textStyle: {
color: '#666666',
},
},
emphasis: {
textStyle: {
color: '#666666',
},
},
},
},
visualMap: {
color: ['#00b2b1', '#69c6c4', '#a0d9d7', '#ffbb9c', '#fd986d', '#ff5f02'],
},
dataZoom: {
backgroundColor: 'rgba(255,255,255,0)',
dataBackgroundColor: 'rgba(255,178,72,0.5)',
fillerColor: 'rgba(255,178,72,0.15)',
handleColor: '#fec64d',
handleSize: '100%',
textStyle: {
color: '#aaaaaa',
},
},
markPoint: {
label: {
normal: {
textStyle: {
color: '#ffffff',
},
},
emphasis: {
textStyle: {
color: '#ffffff',
},
},
},
},
};
/* tslint:disable */
var passionFlower = {
color: ['#007e7d', '#977ed2', '#d58a9c', '#97b6eb', '#ceccbb', '#f2dfd8'],
backgroundColor: 'transparent',
textStyle: {},
title: {
textStyle: {
color: '#aaaaaa',
},
subtextStyle: {
color: '#aaaaaa',
},
},
tree: {
itemStyle: {
color: '#f2dfd8',
borderColor: '#007e7d',
},
},
line: {
itemStyle: {
normal: {
borderWidth: '2',
},
},
lineStyle: {
normal: {
width: '2',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
},
radar: {
itemStyle: {
normal: {
borderWidth: '2',
},
},
lineStyle: {
normal: {
width: '2',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
},
bar: {
itemStyle: {
normal: {
barBorderWidth: 0,
barBorderColor: '#ccc',
},
emphasis: {
barBorderWidth: 0,
barBorderColor: '#ccc',
},
},
},
pie: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
scatter: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
boxplot: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
parallel: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
sankey: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
funnel: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
gauge: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
candlestick: {
itemStyle: {
normal: {
color: '#977ed2',
color0: 'transparent',
borderColor: '#977ed2',
borderColor0: '#007e7d',
borderWidth: '2',
},
},
},
graph: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
},
lineStyle: {
normal: {
width: 1,
color: '#aaaaaa',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
color: ['#007e7d', '#977ed2', '#d58a9c', '#97b6eb', '#ceccbb', '#f2dfd8'],
label: {
normal: {
textStyle: {
color: '#ffffff',
},
},
},
},
map: {
itemStyle: {
normal: {
areaColor: '#f3f3f3',
borderColor: '#999999',
borderWidth: 0.5,
},
emphasis: {
areaColor: 'rgba(254,198,77,1)',
borderColor: '#ecaf2b',
borderWidth: 1,
},
},
label: {
normal: {
textStyle: {
color: '#00475e',
},
},
emphasis: {
textStyle: {
color: 'rgb(0,71,94)',
},
},
},
},
geo: {
itemStyle: {
normal: {
areaColor: '#f3f3f3',
borderColor: '#999999',
borderWidth: 0.5,
},
emphasis: {
areaColor: 'rgba(254,198,77,1)',
borderColor: '#ecaf2b',
borderWidth: 1,
},
},
label: {
normal: {
textStyle: {
color: '#00475e',
},
},
emphasis: {
textStyle: {
color: 'rgb(0,71,94)',
},
},
},
},
categoryAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
valueAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
logAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
timeAxis: {
axisLine: {
show: true,
lineStyle: {
color: '#aaaaaa',
},
},
axisTick: {
show: false,
lineStyle: {
color: '#333',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#999999',
},
},
splitLine: {
show: true,
lineStyle: {
color: ['#e6e6e6'],
},
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
},
},
},
toolbox: {
iconStyle: {
normal: {
borderColor: '#999999',
},
emphasis: {
borderColor: '#666666',
},
},
},
legend: {
textStyle: {
color: '#999999',
},
},
tooltip: {
axisPointer: {
lineStyle: {
color: '#cccccc',
width: 1,
},
crossStyle: {
color: '#cccccc',
width: 1,
},
},
},
timeline: {
lineStyle: {
color: '#666666',
width: 1,
},
itemStyle: {
normal: {
color: '#666666',
borderWidth: 1,
},
emphasis: {
color: '#f7ac4f',
},
},
controlStyle: {
normal: {
color: '#666666',
borderColor: '#666666',
borderWidth: 0.5,
},
emphasis: {
color: '#666666',
borderColor: '#666666',
borderWidth: 0.5,
},
},
checkpointStyle: {
color: '#f7ac4f',
borderColor: 'rgba(254,198,77,0.6)',
},
label: {
normal: {
textStyle: {
color: '#666666',
},
},
emphasis: {
textStyle: {
color: '#666666',
},
},
},
},
visualMap: {
color: ['#007e7d', '#977ed2', '#d58a9c', '#97b6eb', '#ceccbb', '#f2dfd8'],
},
dataZoom: {
backgroundColor: 'rgba(255,255,255,0)',
dataBackgroundColor: 'rgba(255,178,72,0.5)',
fillerColor: 'rgba(255,178,72,0.15)',
handleColor: '#ffb248',
handleSize: '100%',
textStyle: {
color: '#aaaaaa',
},
},
markPoint: {
label: {
normal: {
textStyle: {
color: '#ffffff',
},
},
emphasis: {
textStyle: {
color: '#ffffff',
},
},
},
},
};
/* tslint:disable */
var razzleberryPie = {
color: [
'#523e85',
'#8b4f8f',
'#b96595',
'#e0829a',
'#ffa3a2',
'#f9b8a3',
'#f1ccb1',
'#ebddc8',
],
backgroundColor: 'transparent',
textStyle: {},
title: {
textStyle: {
color: '#aaaaaa',
},
subtextStyle: {
color: '#aaaaaa',
},
},
tree: {
itemStyle: {
color: '#ffa3a2',
borderColor: '#523e85',
},
},
line: {
itemStyle: {
normal: {
borderWidth: '2',
},
},
lineStyle: {
normal: {
width: '2',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
},
radar: {
itemStyle: {
normal: {
borderWidth: '2',
},
},
lineStyle: {
normal: {
width: '2',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
},
bar: {
itemStyle: {
normal: {
barBorderWidth: 0,
barBorderColor: '#ccc',
},
emphasis: {
barBorderWidth: 0,
barBorderColor: '#ccc',
},
},
},
pie: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
scatter: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
boxplot: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
parallel: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
sankey: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
funnel: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
gauge: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
emphasis: {
borderWidth: 0,
borderColor: '#ccc',
},
},
},
candlestick: {
itemStyle: {
normal: {
color: '#8b4f8f',
color0: '#ffa3a2',
borderColor: '#8b4f8f',
borderColor0: '#ffa3a2',
borderWidth: '2',
},
},
},
graph: {
itemStyle: {
normal: {
borderWidth: 0,
borderColor: '#ccc',
},
},
lineStyle: {
normal: {
width: 1,
color: '#aaaaaa',
},
},
symbolSize: '6',
symbol: 'emptyCircle',
smooth: true,
color: [
'#523e85',
'#8b4f8f',
'#b96595',
'#e0829a',
'#ffa3a2',
'#f9b8a3',
'#f1ccb1',
'#ebddc8',
],
label: {
normal: {
textStyle: {
color: '#ffffff',
},
},
},
},
map: {
itemStyle: {
normal: {
areaColor: '#f3f3f3',
borderColor: '#999999',
borderWidth: 0.5,