Use an SVG Image in Highcharts - highcharts

I would like to embed an existing SVG inside a chart that I am generating using HighCharts. Can someone point to an example on how to do that? I have skimmed through Highcharts documentation, but did not find any references to using existing SVGs.
https://elinux.org/images/c/cb/Raspberry_Pi_Logo.svg
I have seen PNGs embedded in highcharts, like this example
JSFiddle

Related

google chart and jquery highchart

My UI screens currently use jQuery datatables. I need to add chart feature to some of the screens. I have worked on some samples that utilizes google chart APIs and some that are rendered using jQuery highchart. My first inclination is to use jQuery highchart since all my screens render data tables using jQuery datatables. Is there a technical reason, difference or performance orientation that I choose one over the other. I have been researching this but did not find a concrete reason to bias towards one of the options.
I've diligently used both, and the way it stands today, highcharts just has more to offer, and documentation is superb. You can make that decision yourself by looking at the charts gallery for Google Charts and Highcharts. I personally also think Google Charts has a steeper learning curve. They have two very distinct versions and just more clumsy getting it running. Lastly, Highcharts has animation by default.
You can use jQuery datatables for both though.

Does jsPDF allow for custom document sizes such as single labels?

I am trying to create pdf with a single label to print to a Brother PL-7 label printer.
I found jsPDF that is able to generate a PDF, however two problems.
I can't seem to specify the document to a custom size.
I am unsure of how to put the bar code I have in a canvas generated by jsBarcode into the PDF.
How can I create a single label size PDF document with a bar code included on it?
I had the same issue and found this fix on their github issues page in regards to the first problem:
https://github.com/MrRio/jsPDF/issues/372
worked for me perfectly once the that code was altered.
I know a lot less about how what exactly jsBarcode generates, but if it is generating a canvas file as you mentioned in your question, it can be converted into a png/jpeg and then be fed into jsPDF. See HTML5 canvas, convert canvas to PDF with jspdf.js.

How to add point images to a map using javascript?

I am using highcharts map and would like to add point location on it using real coordinates. How can i do this in javascript any links? or any suggestions of customizable map that allows me to enter images as locations?
You can catch click event on the chart, then you get coordinates for particular point (x/y). Last step is using it in data.
Example: http://www.highcharts.com/maps/demo/mapline-mappoint
Another way to approach this would be to import the GeoJSON file ("fr-all-mainland.geo.json") in a compatible editor (for example QGIS) and plot the cities there, then inverting the y-coordinate. This would be similar to plotting the cities in Inkscape, except you would be working with the GeoJSON file instead of the SVG.
Please visit the related topic: http://highcharts.uservoice.com/forums/55896-general/suggestions/5780574-add-ability-to-plot-points-based-on-longitude-lati

Drawing a custom bar chart graph in iOS(PowerPlot vs Core plot)

I have been looking all around the net for open source graph plot framework for iOS, but I am struggling with it as of now. I have worked on an app and used PowerPlot Graph Plot framework http://powerplot.nua-schroers.de/examples/webtraffic.html
I am trying to draw a bar graph chart showing two years at once without stacking each, like in the image below: As you can see there is a problem of resizeing and the scaling isnt uniform. I would like to make the chart look bigger and the y axis be more formatted.
Any suggestions because I always hear about core plot also by which you can achieve such(see below), but all i hear about coreplot is flexibility and customization issues.
You can easily produce a bar plot like that with Core Plot. Give it a try and ask specific questions here on StackOverflow if you get stuck.

rmagick or other library for producing 3D pie chart

I am interested in making a 3D pie chart dynamically on my page depending on values pulled from my database. The chart would only be updated every few days, so I don't mind a process intensive task as I could cache the image. 2D charts and pie graph libraries seem to be everywhere, but are there any libraries (server side image magic, or client side javascript) that generate decent looking 3D pie charts?
Extra points if it integrates easily into Ruby-On-Rails.
An example of the type of chart I am looking for can be found on the bottom of this page.
I made this flash based plugin that supports Pie 3D, it's not rmagick, but it's easy to use and setup with Rails.

Resources