Advertisement
dykandDK

HA - Lovelace - Apex chart with energy prices

Dec 22nd, 2021 (edited)
1,770
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 2.95 KB | None | 0 0
  1. #---------------------------------------------------------------
  2. # Custom apex chart with energy prices excl. and incl. taxes
  3. #---------------------------------------------------------------
  4. type: custom:apexcharts-card
  5. apex_config:
  6.   chart:
  7.     height: 350px
  8. all_series_config:
  9.   unit: ' kr.'
  10. experimental:
  11.   color_threshold: true
  12. header:
  13.   title: Elpriser pr. time (kr/kWh)
  14.   show: true
  15.   standard_format: true
  16.   show_states: false
  17.   colorize_states: true
  18. graph_span: 2d
  19. span:
  20.   start: day
  21.   offset: '-0h'
  22. yaxis:
  23.   - min: 0
  24.     apex_config:
  25.       tickAmount: 5
  26. series:
  27.   - entity: sensor.elpriser_inkl_afgifter
  28.     type: column
  29.     name: Inkl. afgifter
  30.     data_generator: |
  31.      var today = entity.attributes.raw_today.map((start, index) => {
  32.         return [new Date(start["hour"]).getTime(), entity.attributes.raw_today[index]["price"]];
  33.       });
  34.       if (entity.attributes.tomorrow_valid) {
  35.         var tomorrow = entity.attributes.raw_tomorrow.map((start, index) => {
  36.           return [new Date(start["hour"]).getTime(), entity.attributes.raw_tomorrow[index]["price"]];
  37.         });
  38.  
  39.         var data = today.concat(tomorrow);
  40.       } else {
  41.         var data = today
  42.       }
  43.       return data;
  44.     float_precision: 2
  45.     color_threshold:
  46.       - value: 0
  47.         color: green
  48.       - value: 2
  49.         color: orange
  50.       - value: 3.5
  51.         color: red
  52.       - value: 5
  53.         color: darkred
  54.     show:
  55.       extremas: time
  56.       legend_value: false
  57.   - entity: sensor.elpriser_excl_afgifter
  58.     name: Excl. afgifter
  59.     type: line
  60.     color: 03a9f4
  61.     stroke_width: 4
  62.     float_precision: 2
  63.     extend_to: false
  64.     show:
  65.       extremas: true
  66.       legend_value: false
  67.     data_generator: |
  68.      var today = entity.attributes.raw_today.map((start, index) => {
  69.         return [new Date(start["hour"]).getTime(), entity.attributes.raw_today[index]["price"]];
  70.       });
  71.       if (entity.attributes.tomorrow_valid) {
  72.         var tomorrow = entity.attributes.raw_tomorrow.map((start, index) => {
  73.           return [new Date(start["hour"]).getTime(), entity.attributes.raw_tomorrow[index]["price"]];
  74.         });
  75.  
  76.         var data = today.concat(tomorrow);
  77.       } else {
  78.         var data = today
  79.       }
  80.       return data;
  81.   - entity: sensor.elpriser_inkl_afgifter
  82.     type: line
  83.     name: Refusion
  84.     color: violet
  85.     data_generator: |
  86.      var today = entity.attributes.raw_today.map((start, index) => {
  87.         return [new Date(start["hour"]).getTime(), 0.95375];
  88.       });
  89.       if (entity.attributes.tomorrow_valid) {
  90.         var tomorrow = entity.attributes.raw_tomorrow.map((start, index) => {
  91.           return [new Date(start["hour"]).getTime(), 0.95375];
  92.         });
  93.  
  94.         var data = today.concat(tomorrow);
  95.       } else {
  96.         var data = today
  97.       }
  98.       return data;
  99.     show:
  100.       legend_value: false
  101.       in_header: false
  102.     stroke_width: 3
  103.     float_precision: 2
  104.     extend_to: false
  105.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement