amCharts support forum

You are not logged in.

Announcement

FORUM CLOSED! This forum is closed. We moved to a new place at Zendesk. Update your bookmarks.

JavaScript Charts: JavaScript Stock Chart


#1 2012-07-30 04:50:48

jaypatel4k
Member

javascript stock chart y axis values not show in full numbers

Hello Admin,


I want to show my y axis values in full number not like 2k,3k,4k etc

I don't want to round it up.How can i show real value comming from database.

My values are 1987,1988 are converting to 2k.

How can i do?Please help me.

My page setting for stock graph is as bellow:

dateChart = new AmCharts.AmStockChart();
                dateChart.pathToImages = "../includes/amcharts_2.7.1/amcharts/images/";
                dateChart.panEventsEnabled = true;
                if(strControltext == "Intraday Data" && strControltext !="")
                {
                    var categoryAxesSettings = new AmCharts.CategoryAxesSettings();
                    categoryAxesSettings.equalSpacing = true;
                    categoryAxesSettings.minPeriod = "mm";
                    categoryAxesSettings.maxSeries = 7500;
                    dateChart.categoryAxesSettings = categoryAxesSettings;
                }
               
                var valueAxesSettings = new AmCharts.ValueAxesSettings();
                //valueAxesSettings.integersOnly = true;
                valueAxesSettings.inside = true;
                // DATASETS //////////////////////////////////////////
                var DateChartdataSet = new AmCharts.DataSet();
                DateChartdataSet.color = "#b0de09";
                DateChartdataSet.fieldMappings = [{
                    fromField: "value",
                    toField: "value"
                }, {
                    fromField: "volume",
                    toField: "volume"
                }];
                DateChartdataSet.dataProvider = dateChartData;
                DateChartdataSet.categoryField = "dtdate";
                // set data sets to the dateChart
                dateChart.dataSets = [DateChartdataSet];
                // PANELS ///////////////////////////////////////////                                                 
                // first stock panel
                var stockPanel1 = new AmCharts.StockPanel();
                stockPanel1.showCategoryAxis = false;
                stockPanel1.title = "Value";
                stockPanel1.percentHeight = 70;
               

                // graph of first stock panel
                var graph1 = new AmCharts.StockGraph();
                graph1.valueField = "value";
                graph1.type = "smoothedLine";
                graph1.lineThickness = 1.15;
                graph1.useDataSetColors=false;
                graph1.lineColor ="#4143b6";
                graph1.fillAlphas = 0.07;
               
                stockPanel1.addStockGraph(graph1);

                // create stock legend               
                var stockLegend1 = new AmCharts.StockLegend();
                stockLegend1.valueTextRegular = " ";
                stockLegend1.markerType = "none";
                stockPanel1.stockLegend = stockLegend1;

                // second stock panel
                var stockPanel2 = new AmCharts.StockPanel();
                stockPanel2.title = "Volume";
                stockPanel2.percentHeight = 30;
               
                var graph2 = new AmCharts.StockGraph();
                graph2.valueField = "volume";
                graph2.type = "column";
                graph2.cornerRadiusTop = 2;
                graph2.lineThickness = 1;
                graph2.useDataSetColors=false;
                graph2.lineColor ="#acace0";
                graph2.fillAlphas = 1;
                stockPanel2.addStockGraph(graph2);

                // create stock legend               
                var stockLegend2 = new AmCharts.StockLegend();
                stockLegend2.valueTextRegular = " ";
                stockLegend2.markerType = "none";
                stockPanel2.stockLegend = stockLegend2;

                // set panels to the dateChart
                dateChart.panels = [stockPanel1, stockPanel2];
                // OTHER SETTINGS ////////////////////////////////////
                var scrollbarSettings = new AmCharts.ChartScrollbarSettings();
                scrollbarSettings.graph = graph1;
                scrollbarSettings.updateOnReleaseOnly = true;
                dateChart.chartScrollbarSettings = scrollbarSettings;

                var cursorSettings = new AmCharts.ChartCursorSettings();
                cursorSettings.valueBalloonsEnabled = true;
                cursorSettings.categoryBalloonColor = "#4143b6";
                cursorSettings.categoryBalloonAlpha = 1;
                cursorSettings.cursorColor = "#4143b6";  // curor line color
                dateChart.chartCursorSettings = cursorSettings;
                // PERIOD SELECTOR ///////////////////////////////////
                var periodSelector = new AmCharts.PeriodSelector();
                //periodSelector.addListener("changed","test");
                periodSelector.width = 25;
                periodSelector.position="bottom";
                periodSelector.inputFieldsEnabled = false;
               
                if(strControltext == "Intraday Data" && strControltext !="")
                {
                     periodSelector.periods = [
                        {
                            period: "DD",
                            count: 1,
                            label: "1 Day"
                        },
                        {
                            period: "DD",
                            count: 3,
                            label: "3 Day",
                            selected:true
                        },
                        {
                            period: "DD",
                            count: 7,
                            label: "1 Week"
                        },                
                        {
                            period: "MAX",
                            label: "10 Days"
                            
                        }
                        ];
                 }
                 else
                 {
                   periodSelector.periods = [{
                        period: "DD",
                        count: 10,
                        label: "10 days"
                    }, {
                        period: "MM",
                        count: 1,
                        label: "1 month"
                    }, {
                        period: "YYYY",
                        count: 1,
                        label: "1 year",
                        selected:true
                    }, {
                        period: "YTD",
                        label: "YTD"
                    },
                     {
                        period: "YYYY",
                        count: 5,
                        label: "5 year"
                    },
                     {
                        period: "MAX",
                        label: "MAX"
                    }];
                 }
                 dateChart.periodSelector = periodSelector;
                var panelsSettings = new AmCharts.PanelsSettings();
                panelsSettings.usePrefixes = true;
                panelsSettings.panEventsEnabled = true; // commented
                dateChart.panelsSettings = panelsSettings;


Thanks,
Jayesh

Offline

 

#2 2012-07-30 06:33:27

martynasma
Administrator

Re: javascript stock chart y axis values not show in full numbers

Find the following line in your code:

panelsSettings.usePrefixes = true;

Change it to false.

panelsSettings.usePrefixes = false;

Offline

 

© amCharts | Forum engine: PunBB