3. Carte Plotly graphique

[NOLAK]

Aujourd'hui on va mettre la carte potly pour des graphique ha un peut plus poussés

   

Pour commencer il faudra Hacs (voir mon tuto carte sumsynk)
https://smartphoton.ch/forum/thread-715.html

Une fois que vous avez installé hacs, aller dans le menu à gauche et hacs => interface => le + en bas à droite
Et vous recherchez Plotly Graph Card
Vous pouvez l'installer


Maintenant rdv dans notre beau tableau de bord

3 petits points en haut à droite => Modifier le tableau de bord => Ajouter une carte et recherché Plotly 

Afficher le code et on colle les petits capteurs de Smartphoton ci dessous 

Code :

type: custom:plotly-graph
defaults:
  entity:
    show_value: true
entities:
  - entity: sensor.voltronic_1_conso_maison_watt
    name: Conso
    fill: tozeroy
    extend_to_present: false
    line:
      width: 0.5
      color: '#e74c3c'
      shape: spline
    filters:
      - resample: 2m
  - entity: sensor.voltronic_1_pv_watt
    name: Prod
    fill: tozeroy
    line:
      width: 1
      color: orange
      shape: spline
    filters:
      - resample: 1m
  - entity: sensor.voltronic_1_batt_charge_watt
    name: Charge
    fill: tozeroy
    line:
      width: 0.5
      color: dodgerblue
      shape: spline
    filters:
      - resample: 1m
  - entity: sensor.voltronic_1_batt_decharge_watt
    name: Decharge
    fill: tozeroy
    line:
      width: 0.5
      color: '#9b59b6'
      shape: spline
    filters:
      - resample: 1m
hours_to_show: 2
refresh_interval: auto
layout:
  xaxis:
    rangeselector:
      'y': 1.2
      buttons:
        - count: 1
          step: minute
        - count: 1
          step: hour
        - count: 2
          step: hour
        - count: 6
          step: hour
        - count: 12
          step: hour
        - count: 1
          step: day
        - count: 7
          step: day

Ou en négatif pour la décharge
   

Code :

type: custom:plotly-graph
defaults:
  entity:
    show_value: true
entities:
  - entity: sensor.voltronic_1_conso_maison_watt
    name: Conso
    fill: tozeroy
    extend_to_present: false
    line:
      width: 0.5
      color: '#e74c3c'
      shape: spline
    filters:
      - resample: 2m
  - entity: sensor.voltronic_1_pv_watt
    name: Prod
    fill: tozeroy
    line:
      width: 1
      color: orange
      shape: spline
    filters:
      - resample: 1m
  - entity: sensor.voltronic_1_batt_charge_decharge_watt
    name: Charge Decharge
    fill: tozeroy
    line:
      width: 0.5
      color: dodgerblue
      shape: spline
    filters:
      - resample: 1m
hours_to_show: 2
refresh_interval: auto
layout:
  xaxis:
    rangeselector:
      'y': 1.2
      buttons:
        - count: 1
          step: minute
        - count: 1
          step: hour
        - count: 2
          step: hour
        - count: 6
          step: hour
        - count: 12
          step: hour
        - count: 1
          step: day
        - count: 7
          step: day

   

Voila un petit graphique bien sympas, qui peux etres encore améliorer.