AM charts plots on the wong position - angularjs
Am charts plots lines some lines on the wrong y-axis position. see code and snapshot bellow.
My graphs:
[{"bullet":"none","labelsEnabled":false,"dashLength":0,"lineThickness":3,"title":[["Tonnes Milled"]],"valueField":"TonnesMilled","balloonText":"[[value]]","valueAxis":"LeftAxis","numberFormatter":{"precision":2,"decimalSeparator":".","thousandsSeparator":","},"lineColorField":"Color"},{"bullet":"none","labelsEnabled":false,"dashLength":0,"lineThickness":3,"title":[["Total Magalies Water PPM"]],"valueField":"TotalMagaliesWaterPPM","balloonText":"[[value]]","valueAxis":"LeftAxis","numberFormatter":{"precision":2,"decimalSeparator":".","thousandsSeparator":","},"lineColorField":"Color"},{"bullet":"none","labelsEnabled":false,"dashLength":0,"lineThickness":3,"title":[["Water Average Daily Consumption"]],"valueField":"WaterAverageDailyConsumption","balloonText":"[[value]]","valueAxis":"LeftAxis","numberFormatter":{"precision":2,"decimalSeparator":".","thousandsSeparator":","},"lineColorField":"Color"},{"bullet":"none","labelsEnabled":false,"dashLength":0,"lineThickness":3,"title":[["Water Consumption M3/ton"]],"valueField":"WaterConsumptionM3Ton","balloonText":"[[value]]","valueAxis":"LeftAxis","numberFormatter":{"precision":2,"decimalSeparator":".","thousandsSeparator":","},"lineColorField":"Color"}]
My data:
[{"TotalMagaliesWaterPPM":236458,"WaterAverageDailyConsumption":7627.677419354839,"WaterConsumptionM3Ton":0,"Date":"Jan - 2019","TonnesMilled":0,"DateConverted":true},{"TotalMagaliesWaterPPM":236459,"WaterAverageDailyConsumption":8444.964285714286,"WaterConsumptionM3Ton":0,"Date":"Feb - 2019","TonnesMilled":0,"DateConverted":true},{"TotalMagaliesWaterPPM":236460,"WaterAverageDailyConsumption":7627.741935483871,"WaterConsumptionM3Ton":0,"Date":"Mar - 2019","TonnesMilled":0,"DateConverted":true},{"TotalMagaliesWaterPPM":236461,"WaterAverageDailyConsumption":7882.033333333334,"WaterConsumptionM3Ton":0,"Date":"Apr - 2019","TonnesMilled":0,"DateConverted":true},{"TotalMagaliesWaterPPM":236462,"WaterAverageDailyConsumption":7627.806451612903,"WaterConsumptionM3Ton":0,"Date":"May - 2019","TonnesMilled":0,"DateConverted":true}]
Pay attention to the blue lines mostly:
Sample:
Another Sample:
Problem is your date format. You try to give your dates MMM - YYYY format, but chart do not know this and and render all of them as Jan 2019. Check this:
Formatting dates on category axis | amCharts3
Related
How to zoom in on a google data studio line chart
so this chart represents my p/l during a day! X axis is created using a timestamp column and Y axis is created using a p/l column in google sheets. Now, how do I remove the blank space from 12am to 6pm. This chart represents my p/l during a day when Im trading stocks.! I only trade from 7pm to 10pm hence I don't want every single hour of the day! I got the desired output by applying a timestamp filter but it could only be used for a specific date! Is there any way to zoom in on the blue part? or any filter to hide specific hours? I'd grateful if you guys could help!
if you're using Time Series chart, you can go to Style-> find x-axis part-> under Range you can click the dropdown and select Range by Data. Hope it helps!
Time Series chart showing dates with intervals filled with dots
I have a datastudio time series chart where the x axis represents the dates in a month which is got from a query and the y axis represents the cpu utilization value for a instance, The break down dimension is the instancename. When I create the time series chart, the x-axis does not display all the datas, it displays dates with 2 days interval which is filled by dots. Is there any way i can fill the dates instead of the dots in a continuous pattern. Update As per the given answer below I have updated this question. Now the unnecessary dots have been removed and it displays the dots only for which there is data, but is there any ways that the dates can be continuous for which there is data, ex as per the below chart there is data for all the dates between July8 to July 23 for the particular instance gcp-wsus, but it still displays dates with a 2 day gap interval July8,July11,July14 etc. Can this gap be filled with dates also? Thanks
In a Time Series Chart, It can be achieved by changing the Missing Data value from the default (Line to Zero) to Linear Interpolation: Google Data Studio Report and a GIF to elaborate:
How do I format the x-axis on Python Ggplot?
I need to format dates on a x-axis ggplot for python bar chart. How can I do it?
Use scale_x_date() to format dates on the x-axis. p = ggplot(aes(x='date'), data) + geom_bar() + scale_x_date(labels='%m-%Y') This gives number of month and the year, for example, 01-1990 You can try other formats.
How to display only few intervals in x-axis while having more data using line jfreechart
I created a linechart using jfreechart and my dataset is as follows... Date d = s.getUpdateDate(); String date = DATE_FORMAT.format(d); lineDataset.addValue(s.getCount(), s.getAutomationName(), date); I got a chart with count values and wrt grouping of date and automationName. I want to display data for 365 days(which means 365 dates) in X-axis and in that case once the chart is generated i dont want all the dates to be displayed in the X-axis. In that case i need only 12 intervals to be displayed one for each month. I need the interval to get modified so that all dates should not be displayed in x-axis. Looking forward for your suggestions :) Thanks in advance
I have domain axis intervals for all 365 days. It is not possible all of them in the chart. So I wanted to display only few intervals like 1 per month resulting in 12 intervals displaying in domain axis. I came to know about timeseries chart and it automatically does it based upon chart width. Thanks moeTi.
SSRS Gantt Chart - Change to date format
As per attached image, i have dates running along the X axis that starts on the 1st Jan 2012 and then increases monthly. My problem is the format is displaying the month/day/year and I want day/month/year. I have looked at Horizontal Axis Properties and under 'Number' but Date does not seem to be there. Does anyone have any suggestions on changing the format.
Use 'Custom' and supply a date formatting string such as dd/MM/yyyy will give 01/09/2010 for example.