LeonKim

dojox.charting.Chart2D 클래스의 Methods Summary

reference : http://dojotoolkit.org/api/

더보기

constructor(node, kwArgs) returns dojox.charting.Chart2D A reference to the constructor function for this object.
delayedRender() returns dojox.charting.Chart2D Delayed render, which is used to collect multiple updates within a delayInMs time window.
destroy() Cleanup when a chart is to be destroyed.
fireEvent(seriesName, eventName, index) returns dojox.charting.Chart2D Fires a synthetic event for a series item.
fullGeometry() returns dojox.charting.Chart2D Calculate the full geometry of the chart. This includes passing over all major elements of a chart (plots, axes, series, container) in order to ensure proper rendering.
fullRender() returns dojox.charting.Chart2D Force a full rendering of the chart, including full resets on the chart itself. You should not call this method directly unless absolutely necessary.
getAxis(name) returns dojox.charting.axis2d.Default Get the given axis, by name.
getCoords() returns Object Get the coordinates and dimensions of the containing DOMNode, as returned by dojo.coords.
getGeometry() returns Object Returns a map of information about all axes in a chart and what they represent in terms of scaling (see dojox.charting.axis2d.Default.getScaler).
getPlotOrder() returns Array Returns an array of plot names in the current order (the top-most plot is the first).
getSeriesOrder(plotName) Returns an array of series names in the current order (the top-most series is the first) within a plot.
movePlotToBack(name) returns dojox.charting.Chart2D Moves a given plot to back.
movePlotToFront(name) returns dojox.charting.Chart2D Moves a given plot to front.
moveSeriesToBack(name) returns dojox.charting.Chart2D Moves a given series to back of a plot.
moveSeriesToFront(name) returns dojox.charting.Chart2D Moves a given series to front of a plot.
removeAxis(name) returns dojox.charting.Chart2D Remove the axis that was defined using name.
removePlot(name) returns dojox.charting.Chart2D Remove the plot defined using name from the chart's plot stack.
removeSeries(name) returns dojox.charting.Chart2D Remove the series defined by name from the chart.
render() returns dojox.charting.Chart2D Render the chart according to the current information defined. This should be the last call made when defining/creating a chart, or if data within the chart has been changed.
resize(width, height) returns dojox.charting.Chart2D Resize the chart to the dimensions of width and height.
setAxisWindow(name, scale, offset, zoom) returns dojox.charting.Chart2D Zooms an axis and all dependent plots. Can be used to zoom in 1D.
setPlotOrder(newOrder) returns dojox.charting.Chart2D Sets new order of plots. newOrder cannot add or remove plots. Wrong names, or dups are ignored.
setSeriesOrder(newOrder) returns dojox.charting.Chart2D Sets new order of series within a plot. newOrder cannot add or remove series. Wrong names, or dups are ignored.
setTheme(theme) returns dojox.charting.Chart2D Set a theme of the chart.
setWindow(sx, sy, dx, dy, zoom) returns dojox.charting.Chart2D Zooms in or out any plots in two dimensions.
updateSeries(name, data) returns dojox.charting.Chart2D Update the given series with a new set of data points.
zoomIn(name, range) Zoom the chart to a specific range on one axis. This calls render() directly as a convenience method.

var myChart = new dojox.charting.Chart2D(node))

	.addPlot("default", { type: "Areas", tension: "X" })

	.setTheme(dojox.charting.themes.Shrooms)

	.addSeries("Series A", [1, 2, 0.5, 1.5, 1, 2.8, 0.4])

	.addSeries("Series B", [2.6, 1.8, 2, 1, 1.4, 0.7, 2])

	.addSeries("Series C", [6.3, 1.8, 3, 0.5, 4.4, 2.7, 2])

	.render();


dojo campus에서 다양한 활용예를 살펴 볼수 있다.

친절하게 코드들도 모두 포함되어 있으니, 간단히 테스트도 가능하다.

http://dojocampus.org/explorer/#Dojox_Charting_2D_Simple%20Bar%20Chart

더보기

<script type="text/javascript">
  // list every node with the class "progressIndicator":
  var list = [];
  var nodes = document.getElementsByTagName("*");
  // iterate over every node in the document....SLOOOW
  for(var x = 0; x < nodes.length; x++){
      // only nodes with the class "progressIndicator":
      if(nodes[x].className == "progressIndicator"){
          // add to array:
          list.push(nodes[x]);
      }
  }
  console.dir(list);
</script>

더보기
<script type="text/javascript">
  // list every node with the class "progressIndicator":
  console.dir( dojo.query(".progressIndicator") );
</script>

더보기

  // every element in the page with the class "blueButton" assigned
  dojo.query(".blueButton").forEach(function(node, index, arr){
      console.debug(node.innerHTML);
  });
});

CSS Selector와 동일한 표현방식으로 DOM Node를 탐색한다.

더보기
// all <h3> elements
dojo.query('h3')
// all <h3> elements which are first-child of their parent node
dojo.query('h3:first-child')
// a node with id="main"
dojo.query('#main')
// all <h3> elements within a node with id="main"
dojo.query('#main h3')
// a <div> with an id="main"
dojo.query('div#main')
// all <h3> elements within a div with id="main"
dojo.query('div#main h3')
// all <h3> elements that are immediate children of a <div>, within node with id="main"
dojo.query('#main div > h3')
// all nodes with class="foo"
dojo.query('.foo')
// all nodes with classes "foo" and "bar"
dojo.query('.foo.bar')
// all <h3> elements that are immediate children of a node with id="main"
dojo.query('#main > h3')

좀 더 Optional한 DOM 노드를 탐색하기 위한 사용범을 아래 사이트에서 간단히 확인 가능하다.
http://www.dojotoolkit.org/reference-guide/dojo/query.html#dojo-query


jQuery와 Dojo 모두 Sizzle이라는 pure-JavaScript CSS selector engine을 활용하여 DOM Selector를
지원하고 있다. (Sizzle은 Dojo 재단에서 지원하는 OpenSource Project중 하나다.)

더보기