Ohh Thank you very much! I will try it!
On Thursday, March 14, 2019 at 6:11:12 PM UTC-5, Ian Webster wrote: > > Hi Santiago, > > Dual axes can be done pretty easily with Chart.js config using QuickChart > <https://quickchart.io/> as a renderer. For example: > > >> { >> "type": "bar", >> "data": { >> "labels": ["January", "February", "March", "April", "May"], >> "datasets": [{ >> "label": "Dogs", >> "data": [ 50, 60, 70, 180, 190 ], >> "yAxisID": "y-axis-1", >> }, { >> "label": "Cats", >> "data": [ 1000, 2000, 3000, 4000, 5000 ], >> "yAxisID": "y-axis-2", >> }] >> }, >> "options": { >> "scales": { >> "yAxes": [{ >> "type": "linear", >> "display": true, >> "position": "left", >> "id": "y-axis-1" >> }, { >> "type": "linear", >> "display": true, >> "position": "right", >> "id": "y-axis-2", >> "gridLines": { >> "drawOnChartArea": false >> } >> }] >> } >> } >> } > > > URL-encode the JSON configuration into this URL > <https://quickchart.io/chart?bkg=white&c=%20%20%20%20%20%20%20%20%20%20%20%0A%7B%0A%20%20%22type%22%3A%20%22bar%22%2C%0A%20%20%22data%22%3A%20%7B%0A%20%20%20%20%22labels%22%3A%20%5B%22January%22%2C%20%22February%22%2C%20%22March%22%2C%20%22April%22%2C%20%22May%22%5D%2C%0A%20%20%20%20%22datasets%22%3A%20%5B%7B%0A%20%20%20%20%20%20%22label%22%3A%20%22Dogs%22%2C%0A%20%20%20%20%20%20%22data%22%3A%20%5B%2050%2C%2060%2C%2070%2C%20180%2C%20190%20%5D%2C%0A%20%20%20%20%20%20%22yAxisID%22%3A%20%22y-axis-1%22%2C%0A%0A%20%20%20%20%7D%2C%20%7B%0A%20%20%20%20%20%20%22label%22%3A%20%22Cats%22%2C%0A%20%20%20%20%20%20%22data%22%3A%20%5B%201000%2C%202000%2C%203000%2C%204000%2C%205000%20%5D%2C%0A%20%20%20%20%20%20%22yAxisID%22%3A%20%22y-axis-2%22%2C%0A%20%20%20%20%7D%5D%0A%20%20%7D%2C%0A%20%20%22options%22%3A%20%7B%0A%20%20%20%20%22scales%22%3A%20%7B%0A%20%20%20%20%20%20%22yAxes%22%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20%22type%22%3A%20%22linear%22%2C%20%0A%20%20%20%20%20%20%20%20%22display%22%3A%20true%2C%0A%20%20%20%20%20%20%20%20%22position%22%3A%20%22left%22%2C%0A%20%20%20%20%20%20%20%20%22id%22%3A%20%22y-axis-1%22%20%0A%20%20%20%20%20%20%7D%2C%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%3A%20%22linear%22%2C%0A%20%20%20%20%20%20%20%20%22display%22%3A%20true%2C%0A%20%20%20%20%20%20%20%20%22position%22%3A%20%22right%22%2C%0A%20%20%20%20%20%20%20%20%22id%22%3A%20%22y-axis-2%22%2C%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%22gridLines%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22drawOnChartArea%22%3A%20false%20%20%0A%20%20%20%20%20%20%20%20%7D%20%0A%20%20%20%20%20%20%7D%5D%20%0A%20%20%20%20%7D%0A%20%20%7D%20%0A%7D> > and > you'll get a nice chart with dual axes: > > > > QuickChart is open-source here: https://github.com/typpo/quickchart > > Feel free to reach out directly or via Github if you have any questions. > > Ian > > On Thursday, March 14, 2019 at 4:01:41 PM UTC-7, Santiago Galindo wrote: >> >> Hello >> >> >> >> someone has found a way to make use of two axis and in the same graph, >> almost no free library supports double axis >> >> >> >> >> >> On Saturday, March 9, 2019 at 1:10:20 PM UTC-5, gga...@fgribreau.com >> wrote: >>> >>> @Sachin it's because you Google Image Charts "t:" format, your dataset >>> is 45,49,1597 in "t:" format, thus it means that "values above 100 are >>> truncated to 100" (both valid in Google Image Charts and Image-Charts >>> documentation). >>> >>> However in Image-Charts.com we implemented what we call the "awesome >>> data format >>> <https://documentation.image-charts.com/reference/data-format/#awesome-text-format>" >>> >>> ("a:") that does not truncate values higher than 100: >>> >>> >>> https://image-charts.com/chart?cht=p&chd=a:45,49,1587&chs=300x250&chco=FEA0A0,FFFF93,99CB99&chl=45%7C49%7C1587&chm=N,777777,0,,12,,c >>> >>> >>> <https://image-charts.com/chart?cht=p&chd=a:45,49,1587&chs=300x250&chco=FEA0A0,FFFF93,99CB99&chm=N,777777,0,,12,,c> >>> >>> >>> Enjoy! >>> >>> >>> On Saturday, March 9, 2019 at 11:11:36 AM UTC+1, Sachin Khambadkone >>> wrote: >>>> >>>> Ah apologies - I wasn't aware image-charts.com was setup to simply >>>> mimic google as closely as possible. >>>> >>>> Thanks for the response - guess I'll have to look elsewhere, >>>> Sach. >>>> >>>> On Sat, Mar 9, 2019 at 2:41 PM <gga...@fgribreau.com> wrote: >>>> >>>>> We've looked into this and the rendering is the same (proportions are >>>>> equal): >>>>> >>>>> Image-Charts rendering >>>>> >>>>> >>>>> https://image-charts.com/chart?cht=p&chd=t:45,49,1587&chs=300x250&chco=FEA0A0,FFFF93,99CB99&chl=45%7C49%7C1587&chm=N,777777,0,,12,,c&chan= >>>>> >>>>> >>>>> <https://image-charts.com/chart?cht=p&chd=t:45,49,1587&chs=300x250&chco=FEA0A0,FFFF93,99CB99&chl=45%7C49%7C1587&chm=N,777777,0,,12,,c&chan=> >>>>> >>>>> >>>>> vs >>>>> >>>>> >>>>> Google-Image Charts rendering >>>>> >>>>> >>>>> >>>>> https://chart.apis.google.com/chart?cht=p&chd=t:45,49,1587&chs=300x250&chco=FEA0A0,FFFF93,99CB99&chl=45%7C49%7C1587&chm=N,777777,0,,12,,c >>>>> >>>>> >>>>> >>>>> <https://chart.apis.google.com/chart?cht=p&chd=t:45,49,1587&chs=300x250&chco=FEA0A0,FFFF93,99CB99&chl=45%7C49%7C1587&chm=N,777777,0,,12,,c> >>>>> >>>>> >>>>> (also note the missing 1 in the 1587 label, that Image-Charts.com >>>>> handles for you 👌) >>>>> >>>>> >>>>> >>>>> >>>>> On Friday, March 8, 2019 at 10:06:25 AM UTC+1, Sachin Khambadkone >>>>> wrote: >>>>>> >>>>>> Hi, >>>>>> >>>>>> I've been scoping out image-charts.com and so far so good. >>>>>> >>>>>> However, I did stumble upon a bug today : >>>>>> >>>>>> >>>>>> https://image-charts.com/chart?cht=p&chd=t:45,49,1587&chs=300x250&chco=FEA0A0,FFFF93,99CB99&chl=45|49|1587&chm=N,777777,0,,12,,c&chan= >>>>>> >>>>>> <https://www.google.com/url?q=https%3A%2F%2Fimage-charts.com%2Fchart%3Fcht%3Dp%26chd%3Dt%3A45%2C49%2C1587%26chs%3D300x250%26chco%3DFEA0A0%2CFFFF93%2C99CB99%26chl%3D45%257C49%257C1587%26chm%3DN%2C777777%2C0%2C%2C12%2C%2Cc%26chan%3D&sa=D&sntz=1&usg=AFQjCNFQ0Vz_qB_qskgS9rNbz7824OSi0A> >>>>>> >>>>>> Sachin. >>>>>> >>>>>> On Tue, Mar 5, 2019 at 10:37 PM <gga...@fgribreau.com> wrote: >>>>>> >>>>>>> We've made Image-charts.com years ago as a drop-in replacement for >>>>>>> Google Image Charts and we support *animated charts* (gifs) as well! >>>>>>> >>>>>>> Try us, it's free (with a small watermark) and we've got paying >>>>>>> subscriptions <https://www.image-charts.com/> to remove the >>>>>>> watermark :) >>>>>>> >>>>>>> >>>>>>> >>>>>>> <https://image-charts.com/chart?chs=700x300&chxt=x,y&chl=2018%7C2017%7C2015&chd=t:60,40,20&cht=pa&chdl=Image%7CCharts%7CRocks&chf=ps0-0,lg,45,ffeb3b,0.2,f443367C,1%7Cps0-1,lg,45,8bc34a,0.2,0096887C,1%7Cps0-2,lg,45,EA469E,0.2,03A9F47C,1&chan&chof=google-chart-api-rZtHTyYgyXI> >>>>>>> >>>>>>> >>>>>>> <https://image-charts.com/chart?cht=bvg&chd=t:10,15,25,30,40,80&chs=700x300&chxt=x,y&chxl=0:%7CMarch%20%2718%7CApril%20%2718%7CMay%20%2718%7CJune%20%2718%7CJuly%20%2718%7CAugust%20%2718%7C&chdl=Visitors%20(in%20thousands)&chf=b0,lg,90,05B142,1,0CE858,0.2&chxs=1N**K&chtt=Visitors%20report&chma=0,0,10,10&chl=%7C%7C%7C%7C+33%25%20!%7Cx2%20!&chof=google-chart-api-rZtHTyYgyXI> >>>>>>> >>>>>>> >>>>>>> <https://image-charts.com/chart?cht=lc&chd=s:ceAELfJHHHUjueuudde&chco=76A4FB&chls=2.0,0.0,0.0&chxt=x,y&chs=700x200&chg=20,51&chan&chof=google-image-charts> >>>>>>> >>>>>>> >>>>>>> -- >>>>>>> You received this message because you are subscribed to the Google >>>>>>> Groups "Google Chart API" group. >>>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>>> send an email to google-chart-a...@googlegroups.com. >>>>>>> To post to this group, send email to google-c...@googlegroups.com. >>>>>>> Visit this group at https://groups.google.com/group/google-chart-api >>>>>>> . >>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>> >>>>>> -- >>>>> You received this message because you are subscribed to the Google >>>>> Groups "Google Chart API" group. >>>>> To unsubscribe from this group and stop receiving emails from it, send >>>>> an email to google-chart-a...@googlegroups.com. >>>>> To post to this group, send email to google-c...@googlegroups.com. >>>>> Visit this group at https://groups.google.com/group/google-chart-api. >>>>> For more options, visit https://groups.google.com/d/optout. >>>>> >>>> -- You received this message because you are subscribed to the Google Groups "Google Chart API" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-chart-api+unsubscr...@googlegroups.com. To post to this group, send email to google-chart-api@googlegroups.com. Visit this group at https://groups.google.com/group/google-chart-api. For more options, visit https://groups.google.com/d/optout.
