Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 15:40:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(dashboard): add tooltip for electricity chart

Browse source
This commit is contained in:
KostyaDanovsky 2017-07-17 14:56:26 +03:00
parent 1d3913ccff
commit 7675d56104
1 changed files with 19 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/app/pages/dashboard/electricity/electricity-chart/electricity-chart.component.ts
View file

@ -31,6 +31,18 @@ export class ElectricityChartComponent implements OnInit {
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'line',
lineStyle: {
color: 'rgba(255, 255, 255, 0.1)',
},
},
position: 'top',
backgroundColor: 'rgba(0, 255, 170, 0.35)',
borderColor: '#00f9a6',
borderWidth: 3,
formatter: '{c0} kWh',
extraCssText: 'box-shadow: 0px 2px 46px 0 rgba(0, 255, 170, 0.35); border-radius: 10px;padding: 5px 20px;',
},
xAxis: {
type: 'category',
@ -78,11 +90,15 @@ export class ElectricityChartComponent implements OnInit {
{
type: 'line',
smooth: true,
symbol: 'none',
sampling: 'average',
symbolSize: 20,
itemStyle: {
normal: {
color: '#2ec7fe',
opacity: 0,
},
emphasis: {
color: 'white',
borderWidth: 0,
opacity: 1,
},
},
lineStyle: {
@ -119,12 +135,6 @@ export class ElectricityChartComponent implements OnInit {
type: 'line',
smooth: true,
symbol: 'none',
sampling: 'average',
itemStyle: {
normal: {
color: '#2ec7fe',
},
},
lineStyle: {
normal: {
width: 6,