ApexCharts card - A highly customizable graph card

arifroni · February 13, 2021, 8:02pm

hi is it possible to remove the marked area in a radiabar figure?

pollinolas · February 13, 2021, 8:23pm

have you tried setting the legend to false?

apex_config:
  legend:
    show: false

arifroni · February 13, 2021, 9:46pm

thanks. it works

RomRider · February 14, 2021, 7:36am

I’m not sure I understand the question?

robertklep · February 14, 2021, 7:39am

I guess they want a graph that starts at Jan 1st and ends at Dec 31st.

RomRider · February 14, 2021, 9:27am

I guess in this case what you want @skank is:

span:
  start: year

(not sure also why you have an offset, the timezone is automatically calculated)

skank · February 14, 2021, 9:28am

Yes,
But when i think of it , its normal cause it shows 12 months
So latest is always the current one

skank · February 14, 2021, 9:28am

Thank you !
Lovely card by the way !
edit: its more narrow now, i liked it before where i have the number for each month, but in the order like below

RomRider · February 14, 2021, 3:52pm

That’s because your group_by 31 days times 12 is superior to 365 days and the slices of time for the group by are always built from the end of the chart.

tirelli · February 14, 2021, 5:01pm

Hi, great work! Very nice card! I’m going to replace all my mini graphs with this.
I have a question. Is it possible to change the unit of measurement? It doesn’t take the sensor unit (TB) but replace it with %

Cattura

RomRider · February 14, 2021, 5:36pm

Not so far, see here

tirelli · February 14, 2021, 5:53pm

Ok thanks, Hopefully this will be supported with the upcoming changes

kaizersoje · February 14, 2021, 10:09pm

Hi,
Is there a way to ignore certain values from the charts? Sometimes due to connection dropping to certain devices, it causes the sensor to record a spike.

RomRider · February 14, 2021, 10:14pm

You could use transform to get rid of those values.

kaizersoje · February 14, 2021, 11:13pm

Thx @RomRider . I tried this
transform: "return x === 100 ? null: x;"

But it doesn’t seem to work.

RomRider · February 14, 2021, 11:45pm

What is your full configuration?

kaizersoje · February 14, 2021, 11:49pm

Here you go.

- type: custom:apexcharts-card
  apex_config:
    yaxis:
      - title:
          text: Temperature
        decimalsInFloat: 0
        min: 40
        tickAmount: 6
  all_series_config:
    extend_to_end: false
    stroke_width: 2.5
    show:
      legend_value: false
  color_list: ['MediumOrchid','Coral','MediumAquamarine','DodgerBlue','SaddleBrown']
  graph_span: 1d
  y_axis_precision: 0
  series:
    - entity: sensor.outside_temp
      name: Current
    - entity: sensor.ble_temp_kitchen
      name: Kitchen
    - entity: sensor.temp_bedroom
      name: Bedroom
      transform: "return x === 100 ? null: x;"
    - entity: sensor.temp_rumpus
      name: Rumpus
      transform: "return x === 100 ? null: x;"

RomRider · February 15, 2021, 12:29am

Could you try return parseFloat(x) === 100 ? null : x;

If it works it means your sensor stores its state as a string, not as a number.

kaizersoje · February 15, 2021, 12:35am

Thx. It worked!

RomRider · February 15, 2021, 7:45am

I’m looking for feedback on displaying extremas: https://github.com/RomRider/apexcharts-card/issues/43

With the proposed solution https://github.com/RomRider/apexcharts-card/issues/43#issuecomment-778840160

Feel free to comment on the issue thanks folks!