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
*/