vitalif-js
/
dimple
mirror of https://github.com/vitalif/dimple
1
0
Fork 0
Code Issues Releases Wiki Activity

Move Trellis Example

master
John Kiernander 2013-06-21 11:32:04 +01:00
parent 23bb263667
commit aca075dc83
2 changed files with 42 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
advanced_examples_meta.json Normal file
View File

@ -0,0 +1,38 @@
[
{
"id":"advanced_price_range_lollipop",
"title":"Price Changes",
"shortTitle":"Price Changes",
"desc":"This examples demonstrates multiple series, multiple axes, different aggregations and a storyboard."
},
{
"id":"advanced_pong",
"title":"Dimple Pong!",
"shortTitle":"Dimple Pong",
"desc":"Perhaps not the most useful chart but this is a demonstration of how the storyboard works. See the \"Price Changes\" chart for a more practical example."
},
{
"id":"advanced_lollipop_with_hover",
"title":"Tooltip Charts",
"shortTitle":"Tooltip Charts",
"desc":"An extension of a standard bubble chart to show bar charts in tooltips"
},
{
"id":"advanced_dynamic_line_color",
"title":"Dynamic Line Colors",
"shortTitle":"Dynamic Colors",
"desc":"A line chart plotting unit sales, colored by price."
},
{
"id":"advanced_grouped_mekko",
"title":"Grouped Mekko",
"shortTitle":"Grouped Mekko",
"desc":"A marimekko chart showing SKUs grouped by owner and brand. They have dynamic saturation and are animated by month just for good measure."
},
{
"id":"advanced_trellis_bar",
"title":"Trellis Bars",
"shortTitle":"Trellis Bars",
"desc":"This demonstrates how to build a trellis chart by iterating and inserting chart objects."
}
]

7
examples/advanced_trellis_bar.html
View File

@ -11,8 +11,8 @@
// Set the bounds for the charts
var row = 2,
col = 3,
top = 20,
left = 50,
top = 10,
left = 60,
inMarg = 15,
width = 115,
height = 90;
@ -58,7 +58,8 @@
// Add x and fix ordering so that all charts are the same
var x = myChart.addCategoryAxis("x", "Owner");
x.addOrderRule(["Black Mesa", "Aperture", "Tyrell Corp", "Rekall", "MomCorp", "LexCorp", "Stark Ind", "Wayne Ent"])
x.addOrderRule(["Black Mesa", "Aperture", "Tyrell Corp",
"Rekall", "MomCorp", "LexCorp", "Stark Ind", "Wayne Ent"]);
// Add y and fix scale so that all charts are the same
var y = myChart.addMeasureAxis("y", "Sales Value");