< Back to Widgets

Average Rate Over Time

How to use:

Copy the HTML code below and place it wherever you need on your site.

1
2
3
4
5
6
7
8
9
10
11
12
13

<div data-eb-component="eb-historical-trend-chart-v2"
  eb-stylesheet="http://link-to-your-css-file.com.css"
 style="height: 256px;"
  line-color="#4353FF"
  text-color="#222222"
  type="MIN"
  business="false"
  state="TX"
  utility="ONCOR"
  days="365"
  >
</div>
<script src="https://www.energybot.com/eb-webcomponents/v1/component-loader.js"></script>

Preview:

Customize this widget:

You'll need to edit the HTML above to customize this widget.

Change the type of rates shown:

Change the value of type="MIN" to any of the following options:

  • MIN to display minimum rates

  • MAX to display maximum rates

  • AVERAGE to display average rates (option only available for residential rates)

Show business rates:

Change the value of business="false" to business="true"

Otherwise, keep the value as business="false" to show residential rates.

Show rates for a different state:

Change the value of state="TX" to any of the following deregulated states we support:

  • IL for Illinois

  • MD for Maryland

  • NJ for New Jersey

  • OH for Ohio

  • PA for Pennsylvania

  • TX for Texas

Show rates for a different utility:

Change the value of utility="ONCOR" to a different utility code.

Enter your zip code below to find out which utility code to use:

Show rates over a different period of time:

Change the value of days="365" to any other numerical value.

If no value is specified, the widget will default to 365 days for residential rates and 120 days for business rates.

Show rates for different plan lengths:

Change the value of term="12" to any other numerical value.

If no value is specified, all available plan lengths will be included.

Change this widget's height:

Change the height of style="height: 256px;" to any other numerical value.

Change the line color:

Change the value of line-color="#4353ff" to any other hexadecimal or rbg value.

Change the text color:

Change the value of text-color="#222222" to any other hexadecimal or rgb value.