CAWeatherIcons

Configuration Options

autoDisplayToday

Type: boolean
Default: true

Whether or not to show Today label.

chartName

Type: string
Default: "CAWeatherIcons"

Name of chart for Reporting.

displayDate

Type: select
Default: {"name":"Show","value":true}

Show or hide the date

displayTemp

Type: select
Default: {"name":"Show","value":true}

Show or hide the temperature

displayWeather

Type: select
Default: {"name":"Show","value":true}

Show or hide the weather

displayWeekday

Type: select
Default: {"name":"Show","value":true}

Show or hide the day

height

Type: number
Default: 100
Units: px

Height of the widget

iconOutlineColor

Type: color
Default: "#555555"

Border color for each component

iconSunColor

Type: color
Default: "#FAAC56"

Fill color for the sun

iconWaterColor

Type: color
Default: "#99ccee"

Fill color for the water

isOnMobile

Type: boolean
Default: false

If true, it signals to the widget that it is running on a mobile device. Should be called before draw and then NEVER changed.

shouldValidate

Type: boolean
Default: true

Flag for turning off data validation

textFontFamily

Type: string
Default: "Open Sans"

Font type for the text

todayTextColor

Type: color
Default: "#99CCEE"

undefined

updateSizeableConfigs

Type: boolean
Default: true

Flag for turning off the mimic of illustrator's scale functionality

weatherTextColor

Type: color
Default: "#333333"

Font color for the text

width

Type: number
Default: 100
Units: px

Width of the widget

Data Definition

Date

Type: date

Default validate:

function validate(d) {
	          return true;
	        }

Default accessor:

function accessor(line) {
	          return line[0];
	        }

Temperature

Type: number

Default validate:

function validate(d) {
	          return !isNaN(this.accessor(d));
	        }

Default accessor:

function accessor(line) {
	          return parseFloat(line[2]);
	        }

Weather

Type: string

Default validate:

function validate(d) {
	          return true;
	        }

Default accessor:

function accessor(line) {
	          return String(line[1]);
	        }

Events

Dispatch Events

External Events

Example

//Setup some fake data
var data = [
  ['2014-11-26', 'snow/rain', 63.6]
];

var aHeight = 500;
var aWidth = 500;

//Initialze the widget
var chart = d3.select('#vis')
  .append('svg')
  .attr({
    height: aHeight + 'px',
    width: aWidth + 'px'
  })
  .append('g')
  .chart('CAWeatherIcons')
  .c({
    width: aWidth,
    height: aHeight
  });

//Render the chart with data
chart._notifier.showMessage(true);
chart.draw(data);

/* Weather options:
SNOW
THUNDERSTORMS
SUNNY
RAIN
SNOW/RAIN
WINDY
PARTLY CLOUDY
CLOUDY
FOG
UNKNOWN
*/