feat(featmat): change estylese

phodal · May 6, 2020 · 757064a · 757064a
1 parent a68335b
commit 757064a
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git a/projects/ledge-render/src/lib/chart/ledge-heatmap/ledge-heatmap.component.ts b/projects/ledge-render/src/lib/chart/ledge-heatmap/ledge-heatmap.component.ts
@@ -31,13 +31,21 @@ export class LedgeHeatmapComponent implements OnInit, AfterViewInit {
  const seriesData = this.buildSeriesData(JSON.parse(JSON.stringify(treeData)));
  return {
  title: {
+ top: 30,
  left: 'center',
  name: treeData.header[0]
  },
- tooltip: {
- position: 'top'
+ visualMap: {
+ min: 0,
+ max: 100,
+ calculable: true,
+ orient: 'vertical',
+ left: '90%',
+ top: '35%',
+ inRange: {
+ color: ['white', '#5b8e5b']
+ }
  },
- animation: false,
  grid: {
  height: '50%',
  top: '10%'
@@ -60,13 +68,15 @@ export class LedgeHeatmapComponent implements OnInit, AfterViewInit {
  type: 'heatmap',
  data: seriesData,
  label: {
- show: true
+ show: true,
+ color: '#000',
+ formatter: (data) => data.value[2] + '%',
  },
  emphasis: {
  itemStyle: {
- shadowBlur: 10,
- shadowColor: 'rgba(0, 0, 0, 0.5)'
- }
+ shadowBlur: 5,
+ shadowColor: 'white'
+ },
  }
  }]
  };

diff --git a/src/styles/_color.scss b/src/styles/_color.scss
@@ -2,6 +2,7 @@ $black: #111;
 $white: #fff;
 $purple: #7753df;
 $background-color: #f9f9f9;
+$green: #5b8e5b;
 
 $error-color: red;