Takayuki MATSUOKA
11679d884a
Add js/rendercharts.js
...
js/rendercharts.js is JavaScript filter which renders <div> tag which has data-csv-props attribute.
js/rendercharts.js invoke Google Charts script for rendering.
"data-csv-props" attribute is custom properties for js/rendercharts.js.
Properties which has "csv" prefix are basic settings for js/rendercharts.js.
"csvSrc" : Source CSV URL
"csvGvType": Google Charts class name
"csvGvPackage": Google Charts package name. See
Each Google Charts class document has "Loading" section
- https://google-developers.appspot.com/chart/interactive/docs/gallery/table#Loading
- https://google-developers.appspot.com/chart/interactive/docs/gallery/combochart#Loading
In this section, you can find "class name" and "package name".
Other properties are "Configuration Options" for specific Google Charts class.
Each class document has "Configuration Options" section
- https://google-developers.appspot.com/chart/interactive/docs/gallery/table#Configuration_Options
- https://google-developers.appspot.com/chart/interactive/docs/gallery/combochart#Configuration_Options
# CSV file format
Each column in CSV header (first) line must contain "type" suffix. Suffix format is "ColumnName:ColumnType".
"ColumnType" must be choosen from the type name { "string", "number", "boolean" }.
CSV example :
```
"Name:string","Salary:number","Full Time Employee:boolean"
Mike,10000,true
Jim,8000,false
Alice,12500,true
Bob,7000,true
```
2015-04-01 07:41:31 +09:00
