From aca075dc83bd15f501aa1f015ab00ce414637ed4 Mon Sep 17 00:00:00 2001 From: John Kiernander Date: Fri, 21 Jun 2013 11:32:04 +0100 Subject: [PATCH] Move Trellis Example --- advanced_examples_meta.json | 38 ++++++++++++++++++++++++++++++ examples/advanced_trellis_bar.html | 7 +++--- 2 files changed, 42 insertions(+), 3 deletions(-) create mode 100644 advanced_examples_meta.json diff --git a/advanced_examples_meta.json b/advanced_examples_meta.json new file mode 100644 index 0000000..43e270b --- /dev/null +++ b/advanced_examples_meta.json @@ -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." + } +] \ No newline at end of file diff --git a/examples/advanced_trellis_bar.html b/examples/advanced_trellis_bar.html index 3fb3e95..8ea179a 100644 --- a/examples/advanced_trellis_bar.html +++ b/examples/advanced_trellis_bar.html @@ -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");