@ -158,7 +158,7 @@
< p >
< p >
The following code shows how to create a Graph2d and provide it with data.
The following code shows how to create a Graph2d and provide it with data.
More examples can be found in the < a href = "../examples" > examples< / a > directory.< / p >
More examples can be found in the < a href = "../../ examples" > examples< / a > directory.< / p >
< pre class = "prettyprint lang-html options" >
< pre class = "prettyprint lang-html options" >
< !DOCTYPE HTML>
< !DOCTYPE HTML>
@ -424,8 +424,8 @@ var options = {
< td > Boolean< / td >
< td > Boolean< / td >
< td > false< / td >
< td > false< / td >
< td > If two datapoints of a barchart overlap, they are drawn over eachother by default. If sideBySide is set to true, they will be drawn side by side.
< td > If two datapoints of a barchart overlap, they are drawn over eachother by default. If sideBySide is set to true, they will be drawn side by side.
See < a href = "../examples/graph2d/10_barsSideBySide.html" > example 10< / a > for more information.
When using groups, see < a href = "../examples/graph2d/11_barsSideBySideGroups.html" > example 11< / a > .
See < a href = "../../ examples/graph2d/10_barsSideBySide.html" > example 10< / a > for more information.
When using groups, see < a href = "../../ examples/graph2d/11_barsSideBySideGroups.html" > example 11< / a > .
< / td >
< / td >
< / tr >
< / tr >
< tr parent = "barChart" class = "hidden" >
< tr parent = "barChart" class = "hidden" >
@ -639,7 +639,7 @@ onRender: function(item, group, graph2d) {
< td > Object< / td >
< td > Object< / td >
< td > < / td >
< td > < / td >
< td > You can use this to toggle the visibility of groups per graph2D instance. This is different from setting the visibility flag of the groups since
< td > You can use this to toggle the visibility of groups per graph2D instance. This is different from setting the visibility flag of the groups since
this is not communicated across instances of graph2d. Take a look at < a href = "../examples/graph2d/14_toggleGroups.html" > Example 14< / a >
this is not communicated across instances of graph2d. Take a look at < a href = "../../ examples/graph2d/14_toggleGroups.html" > Example 14< / a >
for more explanation.
for more explanation.
< / td >
< / td >
< / tr >
< / tr >
@ -659,7 +659,7 @@ onRender: function(item, group, graph2d) {
< td class = "greenField indent" > interpolation.parametrization< / td >
< td class = "greenField indent" > interpolation.parametrization< / td >
< td > String< / td >
< td > String< / td >
< td > 'centripetal'< / td >
< td > 'centripetal'< / td >
< td > Define the type of parametrizaion for the catmullRom interpolation. < a href = "../examples/graph2d/07_scrollingAndSorting.html" > Example 7< / a > shows the different parametrizations. The options are 'centripetal' (best results), 'chordal' and 'uniform'. Uniform is the computationally cheapest variant.
< td > Define the type of parametrizaion for the catmullRom interpolation. < a href = "../../ examples/graph2d/07_scrollingAndSorting.html" > Example 7< / a > shows the different parametrizations. The options are 'centripetal' (best results), 'chordal' and 'uniform'. Uniform is the computationally cheapest variant.
If interpolation is disabled, linear interpolation is used.< / td >
If interpolation is disabled, linear interpolation is used.< / td >
< / tr >
< / tr >
< tr class = 'toggle collapsible' onclick = "toggleTable('g2dOptions','legend', this);" >
< tr class = 'toggle collapsible' onclick = "toggleTable('g2dOptions','legend', this);" >
@ -758,7 +758,7 @@ onRender: function(item, group, graph2d) {
< td class = "greenField" > yAxisOrientation< / td >
< td class = "greenField" > yAxisOrientation< / td >
< td > String< / td >
< td > String< / td >
< td > 'left'< / td >
< td > 'left'< / td >
< td > This defines with which axis, left or right, the graph is coupled. < a href = "../examples/graph2d/05_bothAxis.html" > Example 5< / a > shows groups with different Y axis. If no groups are coupled
< td > This defines with which axis, left or right, the graph is coupled. < a href = "../../ examples/graph2d/05_bothAxis.html" > Example 5< / a > shows groups with different Y axis. If no groups are coupled
with an axis, it will not be shown.< / td >
with an axis, it will not be shown.< / td >
< / tr >
< / tr >
< / table >
< / table >
@ -1399,8 +1399,8 @@ Graph2d.off('rangechanged', onChange);
< / p >
< / p >
< p >
< p >
Additionally, Graph2d has 10 preset styles for graphs, which are cycled through when loading groups. These styles can be overwritten
Additionally, Graph2d has 10 preset styles for graphs, which are cycled through when loading groups. These styles can be overwritten
as well, along with defining your own classes to style the graphs! < a href = "../examples/graph2d/04_rightAxis.html" > Example 4< / a > and
< a href = "../examples/graph2d/05_bothAxis.html" > example 5< / a > show the usage of custom styles.
as well, along with defining your own classes to style the graphs! < a href = "../../ examples/graph2d/04_rightAxis.html" > Example 4< / a > and
< a href = "../../ examples/graph2d/05_bothAxis.html" > example 5< / a > show the usage of custom styles.
< / p >
< / p >
< / div >
< / div >