Hacker News new | ask | show | jobs
by ollyfg 3056 days ago
Looks good! One feature that would definitely get me using this for personal projects is the ability to add/customise axis. You might already have this, but I didn't see it in any of your examples, so if this is present, please advertise it!

My general reaction when seeing a chart without axis is "pretty, but I can't see what it means", where as with decent labelled axis I can dig into it and look at data points, and come to my own conclusions about the data.

Still, this is a useful service that could make life much easier - keep at it!

2 comments

EDIT: HN is doing some escaping to my example URL, so I adjusted it a little below.

Author here, thanks for the feedback!

My default use case was to use these images as background-images (via CSS) in dashboard widgets that show an accurate trend for how data has changed over time. Therefore my defaults were to hide to x and y-axis and make the chart margin 0 to fit in the widget and look "nice" across the entire thing.

But if you are or become familiar with the Highcharts chart config options, you can update any option you want for the axis via the `raw` param (see more detailed info on the params in github: https://github.com/whatl3y/restcharts). One thing you could do to one of the simple charts provided on the landing page to show the axes is override the default margin values (which is margin: [0, 0, 0, 0]) and make the x-axis and y-axis visible like so:

where [raw]={"xAxis":{"visible":true},"yAxis":{"visible":true},"chart":{"margin":null}}

your URL would become

https://localhost/chart/line?data=5,1,2,9,8,3,0,0,4&raw=[raw...

You can obviously continue to add config to adjust the language on the axes among other things. I realize this could get a little verbose quick, but again the idea was to make a simple, quick view of data, even though you could technically get as complicated as you want with the `raw` param.

Update: You can now see examples with axes shown in the Advanced Section: https://www.restcharts.com/#Advanced%20Configuration