javascript - Candlestick-Chart with title on x axis -
i wanna use candlestick-chart amcharts title on x-axis. (like title on y-axis.)
y-axis example:
"valueaxes": [ { "position": "left", "title": "that title on y axis" } ]
example: http://www.amcharts.com/demos/candlestick-chart/
is possible?
yes, possible.
simply add title
property categoryaxis
:
"categoryaxis": { "parsedates": true, "title": "that title on x-axis" }
here's working example:
var chart = amcharts.makechart( "chartdiv", { "type": "serial", "theme": "light", "datadateformat":"yyyy-mm-dd", "valueaxes": [ { "position": "left", "title": "that title on y-axis" } ], "graphs": [ { "id": "g1", "balloontext": "open:<b>[[open]]</b><br>low:<b>[[low]]</b><br>high:<b>[[high]]</b><br>close:<b>[[close]]</b><br>", "closefield": "close", "fillcolors": "#7f8da9", "highfield": "high", "linecolor": "#7f8da9", "linealpha": 1, "lowfield": "low", "fillalphas": 0.9, "negativefillcolors": "#db4c3c", "negativelinecolor": "#db4c3c", "openfield": "open", "title": "price:", "type": "candlestick", "valuefield": "close" } ], "chartscrollbar": { "graph": "g1", "graphtype": "line", "scrollbarheight": 30 }, "chartcursor": { "valuelineenabled": true, "valuelineballoonenabled": true }, "categoryfield": "date", "categoryaxis": { "parsedates": true, "title": "that title on x-axis" }, "dataprovider": [ { "date": "2011-08-01", "open": "136.65", "high": "136.96", "low": "134.15", "close": "136.49" }, { "date": "2011-08-02", "open": "135.26", "high": "135.95", "low": "131.50", "close": "131.85" }, { "date": "2011-08-05", "open": "132.90", "high": "135.27", "low": "128.30", "close": "135.25" }, { "date": "2011-08-06", "open": "134.94", "high": "137.24", "low": "132.63", "close": "135.03" }, { "date": "2011-08-07", "open": "136.76", "high": "136.86", "low": "132.00", "close": "134.01" }, { "date": "2011-08-08", "open": "131.11", "high": "133.00", "low": "125.09", "close": "126.39" }, { "date": "2011-08-09", "open": "123.12", "high": "127.75", "low": "120.30", "close": "125.00" }, { "date": "2011-08-12", "open": "128.32", "high": "129.35", "low": "126.50", "close": "127.79" }, { "date": "2011-08-13", "open": "128.29", "high": "128.30", "low": "123.71", "close": "124.03" }, { "date": "2011-08-14", "open": "122.74", "high": "124.86", "low": "119.65", "close": "119.90" }, { "date": "2011-08-15", "open": "117.01", "high": "118.50", "low": "111.62", "close": "117.05" }, { "date": "2011-08-16", "open": "122.01", "high": "123.50", "low": "119.82", "close": "122.06" }, { "date": "2011-08-19", "open": "123.96", "high": "124.50", "low": "120.50", "close": "122.22" }, { "date": "2011-08-20", "open": "122.21", "high": "128.96", "low": "121.00", "close": "127.57" }, { "date": "2011-08-21", "open": "131.22", "high": "132.75", "low": "130.33", "close": "132.51" }, { "date": "2011-08-22", "open": "133.09", "high": "133.34", "low": "129.76", "close": "131.07" }, { "date": "2011-08-23", "open": "130.53", "high": "135.37", "low": "129.81", "close": "135.30" }, { "date": "2011-08-26", "open": "133.39", "high": "134.66", "low": "132.10", "close": "132.25" }, { "date": "2011-08-27", "open": "130.99", "high": "132.41", "low": "126.63", "close": "126.82" }, { "date": "2011-08-28", "open": "129.88", "high": "134.18", "low": "129.54", "close": "134.08" }, { "date": "2011-08-29", "open": "132.67", "high": "138.25", "low": "132.30", "close": "136.25" }, { "date": "2011-08-30", "open": "139.49", "high": "139.65", "low": "137.41", "close": "138.48" }, { "date": "2011-09-03", "open": "139.94", "high": "145.73", "low": "139.84", "close": "144.16" }, { "date": "2011-09-04", "open": "144.97", "high": "145.84", "low": "136.10", "close": "136.76" }, { "date": "2011-09-05", "open": "135.56", "high": "137.57", "low": "132.71", "close": "135.01" }, { "date": "2011-09-06", "open": "132.01", "high": "132.30", "low": "130.00", "close": "131.77" }, { "date": "2011-09-09", "open": "136.99", "high": "138.04", "low": "133.95", "close": "136.71" }, { "date": "2011-09-10", "open": "137.90", "high": "138.30", "low": "133.75", "close": "135.49" }, { "date": "2011-09-11", "open": "135.99", "high": "139.40", "low": "135.75", "close": "136.85" }, { "date": "2011-09-12", "open": "138.83", "high": "139.00", "low": "136.65", "close": "137.20" }, { "date": "2011-09-13", "open": "136.57", "high": "138.98", "low": "136.20", "close": "138.81" }, { "date": "2011-09-16", "open": "138.99", "high": "140.59", "low": "137.60", "close": "138.41" }, { "date": "2011-09-17", "open": "139.06", "high": "142.85", "low": "137.83", "close": "140.92" }, { "date": "2011-09-18", "open": "143.02", "high": "143.16", "low": "139.40", "close": "140.77" }, { "date": "2011-09-19", "open": "140.15", "high": "141.79", "low": "139.32", "close": "140.31" }, { "date": "2011-09-20", "open": "141.14", "high": "144.65", "low": "140.31", "close": "144.15" }, { "date": "2011-09-23", "open": "146.73", "high": "149.85", "low": "146.65", "close": "148.28" }, { "date": "2011-09-24", "open": "146.84", "high": "153.22", "low": "146.82", "close": "153.18" }, { "date": "2011-09-25", "open": "154.47", "high": "155.00", "low": "151.25", "close": "152.77" }, { "date": "2011-09-26", "open": "153.77", "high": "154.52", "low": "152.32", "close": "154.50" }, { "date": "2011-09-27", "open": "153.44", "high": "154.60", "low": "152.75", "close": "153.47" }, { "date": "2011-09-30", "open": "154.63", "high": "157.41", "low": "152.93", "close": "156.34" }, { "date": "2011-10-01", "open": "156.55", "high": "158.59", "low": "155.89", "close": "158.45" }, { "date": "2011-10-02", "open": "157.78", "high": "159.18", "low": "157.01", "close": "157.92" }, { "date": "2011-10-03", "open": "158.00", "high": "158.08", "low": "153.50", "close": "156.24" }, { "date": "2011-10-04", "open": "158.37", "high": "161.58", "low": "157.70", "close": "161.45" }, { "date": "2011-10-07", "open": "163.49", "high": "167.91", "low": "162.97", "close": "167.91" }, { "date": "2011-10-08", "open": "170.20", "high": "171.11", "low": "166.68", "close": "167.86" }, { "date": "2011-10-09", "open": "167.55", "high": "167.88", "low": "165.60", "close": "166.79" }, { "date": "2011-10-10", "open": "169.49", "high": "171.88", "low": "153.21", "close": "162.23" }, { "date": "2011-10-11", "open": "163.01", "high": "167.28", "low": "161.80", "close": "167.25" }, { "date": "2011-10-14", "open": "167.98", "high": "169.57", "low": "163.50", "close": "166.98" }, { "date": "2011-10-15", "open": "165.54", "high": "170.18", "low": "165.15", "close": "169.58" }, { "date": "2011-10-16", "open": "172.69", "high": "173.04", "low": "169.18", "close": "172.75" }, { "date": "2011-10-17", "open": "171.50", "high": "174.19", "low": "171.05", "close": "173.50" }, { "date": "2011-10-18", "open": "174.24", "high": "174.63", "low": "170.00", "close": "170.42" }, { "date": "2011-10-21", "open": "170.35", "high": "174.90", "low": "169.96", "close": "174.36" }, { "date": "2011-10-22", "open": "188.56", "high": "188.60", "low": "182.76", "close": "186.16" }, { "date": "2011-10-23", "open": "185.81", "high": "187.21", "low": "179.24", "close": "185.93" }, { "date": "2011-10-24", "open": "184.87", "high": "185.90", "low": "181.66", "close": "182.78" }, { "date": "2011-10-25", "open": "185.29", "high": "185.37", "low": "182.88", "close": "184.70" }, { "date": "2011-10-28", "open": "185.45", "high": "186.59", "low": "184.70", "close": "185.09" }, { "date": "2011-10-29", "open": "186.18", "high": "189.37", "low": "184.73", "close": "187.00" }, { "date": "2011-10-30", "open": "187.63", "high": "190.12", "low": "184.95", "close": "189.95" }, { "date": "2011-10-31", "open": "188.60", "high": "190.10", "low": "180.00", "close": "187.44" }, { "date": "2011-11-01", "open": "189.21", "high": "189.44", "low": "183.49", "close": "187.87" }, { "date": "2011-11-04", "open": "185.29", "high": "188.96", "low": "184.24", "close": "186.18" }, { "date": "2011-11-05", "open": "187.05", "high": "192.00", "low": "185.27", "close": "191.79" }, { "date": "2011-11-06", "open": "190.61", "high": "192.68", "low": "186.13", "close": "186.30" }, { "date": "2011-11-07", "open": "186.67", "high": "186.90", "low": "167.77", "close": "175.47" }, { "date": "2011-11-08", "open": "171.15", "high": "175.12", "low": "165.21", "close": "165.37" }, { "date": "2011-11-11", "open": "165.28", "high": "167.70", "low": "150.63", "close": "153.76" }, { "date": "2011-11-12", "open": "160.85", "high": "170.98", "low": "153.76", "close": "169.96" }, { "date": "2011-11-13", "open": "177.16", "high": "177.57", "low": "163.74", "close": "166.11" }, { "date": "2011-11-14", "open": "166.39", "high": "169.59", "low": "160.30", "close": "164.30" }, { "date": "2011-11-15", "open": "165.30", "high": "167.02", "low": "159.33", "close": "166.39" }, { "date": "2011-11-18", "open": "166.10", "high": "168.20", "low": "162.10", "close": "163.95" }, { "date": "2011-11-19", "open": "165.67", "high": "171.79", "low": "163.53", "close": "168.85" }, { "date": "2011-11-20", "open": "165.84", "high": "172.35", "low": "164.67", "close": "168.46" }, { "date": "2011-11-22", "open": "172.00", "high": "172.05", "low": "169.75", "close": "171.54" }, { "date": "2011-11-25", "open": "173.59", "high": "177.27", "low": "172.35", "close": "172.54" }, { "date": "2011-11-26", "open": "175.22", "high": "175.79", "low": "170.01", "close": "174.81" }, { "date": "2011-11-27", "open": "176.82", "high": "180.60", "low": "175.35", "close": "180.22" }, { "date": "2011-11-28", "open": "179.43", "high": "185.17", "low": "179.15", "close": "184.29" }, { "date": "2011-11-29", "open": "187.34", "high": "187.70", "low": "179.70", "close": "182.22" }, { "date": "2011-12-02", "open": "181.86", "high": "184.14", "low": "177.70", "close": "178.86" }, { "date": "2011-12-03", "open": "177.15", "high": "180.90", "low": "176.99", "close": "179.81" }, { "date": "2011-12-04", "open": "182.89", "high": "186.00", "low": "182.41", "close": "185.50" }, { "date": "2011-12-05", "open": "186.19", "high": "190.10", "low": "186.12", "close": "189.95" }, { "date": "2011-12-06", "open": "190.54", "high": "194.99", "low": "188.04", "close": "194.30" }, { "date": "2011-12-09", "open": "193.59", "high": "195.66", "low": "192.69", "close": "194.21" }, { "date": "2011-12-10", "open": "194.75", "high": "196.83", "low": "187.39", "close": "188.54" }, { "date": "2011-12-11", "open": "193.44", "high": "194.48", "low": "185.76", "close": "190.86" }, { "date": "2011-12-12", "open": "190.19", "high": "192.12", "low": "187.82", "close": "191.83" }, { "date": "2011-12-13", "open": "190.37", "high": "193.20", "low": "189.54", "close": "190.39" }, { "date": "2011-12-16", "open": "190.72", "high": "192.65", "low": "182.98", "close": "184.40" }, { "date": "2011-12-17", "open": "186.52", "high": "187.33", "low": "178.60", "close": "182.98" }, { "date": "2011-12-18", "open": "182.98", "high": "184.64", "low": "180.90", "close": "183.12" }, { "date": "2011-12-19", "open": "185.43", "high": "187.83", "low": "183.33", "close": "187.21" }, { "date": "2011-12-20", "open": "190.12", "high": "193.91", "low": "189.89", "close": "193.91" }, { "date": "2011-12-23", "open": "195.03", "high": "199.33", "low": "194.79", "close": "198.80" }, { "date": "2011-12-25", "open": "199.01", "high": "200.96", "low": "196.82", "close": "198.95" }, { "date": "2011-12-26", "open": "198.95", "high": "202.96", "low": "197.80", "close": "198.57" }, { "date": "2011-12-27", "open": "200.59", "high": "201.56", "low": "196.88", "close": "199.83" }, { "date": "2011-12-30", "open": "199.50", "high": "200.50", "low": "197.75", "close": "198.08" }, { "date": "2012-01-01", "open": "199.27", "high": "200.26", "low": "192.55", "close": "194.84" }, { "date": "2012-01-02", "open": "195.41", "high": "197.39", "low": "192.69", "close": "194.93" }, { "date": "2012-01-03", "open": "191.45", "high": "193.00", "low": "178.89", "close": "180.05" }, { "date": "2012-01-06", "open": "181.25", "high": "183.60", "low": "170.23", "close": "177.64" }, { "date": "2012-01-07", "open": "180.14", "high": "182.46", "low": "170.80", "close": "171.25" }, { "date": "2012-01-08", "open": "171.30", "high": "179.50", "low": "168.30", "close": "179.40" }, { "date": "2012-01-09", "open": "177.58", "high": "181.00", "low": "175.41", "close": "178.02" }, { "date": "2012-01-10", "open": "176.00", "high": "177.85", "low": "170.00", "close": "172.69" }, { "date": "2012-01-13", "open": "177.52", "high": "179.42", "low": "175.17", "close": "178.78" }, { "date": "2012-01-14", "open": "177.72", "high": "179.22", "low": "164.66", "close": "169.04" }, { "date": "2012-01-15", "open": "165.23", "high": "169.01", "low": "156.70", "close": "159.64" }, { "date": "2012-01-16", "open": "161.51", "high": "165.36", "low": "158.42", "close": "160.89" }, { "date": "2012-01-17", "open": "161.71", "high": "165.75", "low": "159.61", "close": "161.36" }, { "date": "2012-01-21", "open": "148.06", "high": "159.98", "low": "146.00", "close": "155.64" }, { "date": "2012-01-22", "open": "136.19", "high": "140.00", "low": "126.14", "close": "139.07" }, { "date": "2012-01-23", "open": "139.99", "high": "140.70", "low": "132.01", "close": "135.60" }, { "date": "2012-01-24", "open": "138.99", "high": "139.09", "low": "129.61", "close": "130.01" }, { "date": "2012-01-27", "open": "128.16", "high": "133.20", "low": "126.45", "close": "130.01" }, { "date": "2012-01-28", "open": "131.15", "high": "132.79", "low": "129.05", "close": "131.54" }, { "date": "2012-01-29", "open": "131.37", "high": "135.45", "low": "130.00", "close": "132.18" }, { "date": "2012-01-30", "open": "129.45", "high": "136.65", "low": "129.40", "close": "135.36" }, { "date": "2012-01-31", "open": "136.24", "high": "136.59", "low": "132.18", "close": "133.75" }, { "date": "2012-02-03", "open": "134.21", "high": "135.90", "low": "131.42", "close": "131.65" }, { "date": "2012-02-04", "open": "130.43", "high": "134.00", "low": "128.90", "close": "129.36" }, { "date": "2012-02-05", "open": "130.83", "high": "131.92", "low": "121.77", "close": "122.00" }, { "date": "2012-02-06", "open": "119.97", "high": "124.78", "low": "117.27", "close": "121.24" }, { "date": "2012-02-07", "open": "122.08", "high": "125.70", "low": "121.60", "close": "125.48" }, { "date": "2012-02-10", "open": "128.01", "high": "129.98", "low": "127.20", "close": "129.45" }, { "date": "2012-02-11", "open": "130.70", "high": "131.00", "low": "123.62", "close": "124.86" }, { "date": "2012-02-12", "open": "126.68", "high": "129.78", "low": "125.63", "close": "129.40" } ] } ); chart.addlistener( "rendered", zoomchart ); zoomchart(); // method called when chart first inited listen "dataupdated" event function zoomchart() { // different zoom methods can used - zoomtoindexes, zoomtodates, zoomtocategoryvalues chart.zoomtoindexes( chart.dataprovider.length - 10, chart.dataprovider.length - 1 ); }
#chartdiv { width: 100%; height: 300px; }
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script> <script src="http://www.amcharts.com/lib/3/serial.js"></script> <script src="http://www.amcharts.com/lib/3/themes/light.js"></script> <div id="chartdiv"></div>
Comments
Post a Comment