yui-widgets-plugin

With this WordPress Plugin, users can add YUI widgets to their posts and pages.
Table of Contents generated with DocToc

yui-widgets-plugin

##Supported YUI Widgets

Charts
- Pie charts
- Multiple series charts
- supports
  + legend
  + markers
  + customization
DataTables
- Sortable
TabView
- HTML markup in tab panels
- Chart and DataTable widgets in tab panels
  [To top]

##Use shortcodes to add a widget to your post
###Available Shortcodes

[yuichart]
[yuidatatable]
[yuitabview][yuitab title='Tab1']...[/yuitab][yuitab title='Tab2']...[/yuitab][/yuitabview]

##Examples
###The yuichart Shortcode

A Pie Chart

[yuichart  
	title = 'Weekday Taxes'  
	type = 'pie'  
	filename = 'pieChart.csv'  
	showlegend = 1  
]

The data file pieChart.csv is loacated in the folder called data.
To see the complete source for the YUI3 Pie Chart example, look at this Gist.
To see this example in action on my blog, follow this link.
[To top]

A Multiple Series Chart

[yuichart  
	title = 'Five-Year Sales by Month'
		filename = 'combo.csv'
		type = 'combo'
		categorytype = 'category'
		cataxtitle = 'Month'
		catlabelrotation = '0'
		vax1title = 'Sales'
		vax1labelrotation = '0'
		vax1prefix = '\$'
		vax1suffix = '	'
		vax1decimalplaces = 0
	 	showareafill = 1
		showlines = 1 
		showmarkers = 1
		showlegend = 1
		hgridlines= 1
		vgridlines= 1
]

The data file combo.csv is loacated in the folder called data.
To see the complete source for the YUI3 Combo Chart example, look at this Gist.
To see this example in action on my Word Press blog, follow this link.
[To top]

A Scatter Plot

[yuichart
	title = 'Ice Cream Sales vs Temperature °F'
	filename = 'scatter.csv'
	type = 'marker'
	categorytype = 'numeric'
	cataxtitle = 'Temperature'
	alwaysShowZero = 0
	catmin = 50
	catmax = 120
	catdecimalplaces = 0
	catlabelrotation = '-90'
	catlabelsuffix = ' °F'
	vax1min = 110
	vax1max = 420
	vax1title='Ice Cream Sales'
	vax1labelrotation = '0'
	vax1prefix = '\$'
	vax1decimalplaces = 2 
	showlines = 0 
	showmarkers = 1
	showareafill = 0 
	showlegend = 1
	hgridlines = 1
	vgridlines = 1
]

The data file scatter.csv is loacated in the folder called data.
To see the complete source for the YUI3 Scatter Plot example, look at this Gist.
To see this example in action on my Word Press blog, follow this link.
[To top]

####Notes:
To display a legend

set showlegend to 1
set position to 'top', 'bottom', left', or 'right'
the default position is 'right'

###The yuidatatable Shortcode
####A Sortable DataTable

[yuidatatable  
	filename = 'tabledata.csv'  
	caption = 'Multiple-Series Data Table'  
	sortable = 1  
]

The data file combo.csv is loacated in the folder called data.
To see the complete source for the YUI3 DataTable example, look at this Gist.
To see this example in action on my Word Press blog, follow this link.
[To top]

###The yuitabview Shortcode

A Simple example with HTML markup

[yuitabview]  
	[yuitab title='But I Must Explain']  
		<h2>But I Must Explain</h2>
		<p>Sed ut perspiciatis unde ...</p>	 
	[/yuitab]  
	[yuitab title='Sed Ut Pespiciatis']  
		<h2>Sed Ut Pespiciatis</h2>
		<p>But I must explain to you how all this mistaken...</p>	 
	[/yuitab]  
	[yuitab title='On the other Hand']  
		<h2>On the other Hand</h2>
		<p>At vero eos et accusamus et iusto odio...</p>	 
	[/yuitab]  
[/yuitabview]

To see the complete source for the YUI3 Simple TabView example with HTML markup, look at this Gist.
To see this example in action on my Word Press blog, follow this link.
[To top]

In this example, tabs contain charts and DataTables

[yuitabview]  
	[yuitab title="But I Must Explain"]  
		<h2>But I Must Explain</h2	 
		<p>Sed ut perspiciatis unde omnis...</p>	 
	[/yuitab]  
	[yuitab title="Weekday Taxes"]	 
		[yuichart  
		embed = 1	 
		index = 1  
		type = 'pie'  
		filename = 'pieChart.csv'  
		...  
		]  
	[/yuitab]  
	[yuitab title="Five-Year Sales by Month"]	 
		[yuichart]  
		embed = 1	 
		index = 2  
		title = 'Five-Year Sales by Month'  
		filename = 'seriesChart.csv'  
		showmarkers = 1  
		...  
		]  
	[/yuitab]  
	[yuitab title = "Five-Year Sales by Month Data"]  
		[yuidatatable  
		filename = 'tableData.csv'  
		caption = 'Multiple-Series Data Table'  
		sortable = 1  
		]  
	[/yuitab]  
[/yuitabview]

The rendered YUI3 TabView with enbedded YUI3 widgets can be viewed here.
[To top]

####Notes: When embedding a chart widget inside a tab panel, the following shortcode attributes must be set as follows:

embed = 1
index = x
where x is the index of the tab in which the chart is embedded. Indices begin with 0 for the first tab, then 1, 2, etc...

###Shortcode for Specialized Charts