Export data table php mysql with chart highchats using jspdf - javascript

I want to export a table made in html, filled with data from a db using php, and a chart highchars using jspdf.
I can export separately, the datatable using jspdf and the chart using his own tool, but I need to export both in a single file like jpg/png or pdf. I tried in highcharts showing the datatable from the actual chart and it works but I can't personalise the datatable with extra info, labels or design. I've tried to put two charts and export both using jspdf, in one the pie chart and in the other only a datatable from a hidden line chart, but the table becomes static and I can't make it responsive or put extra things on it, so it looks bad.
So it's posible to export the datatable and the chart in a single file using jspdf or something like that?

Related

Bokeh export all charts, tables in a single image

I m building some chart usign bokeh chart.
This is the output:
Now I want to know if is possible to create a Print or an image to print. In my case I can export as image only chart and not Table too.
AFAIK, there's nothing built into Bokeh for that.
However, you can implement it directly using some of the links in this answer: https://stackoverflow.com/a/18581496/564509
Alternatively, you can just print the whole web page using window.print().

Will iText 7 render ChartJS chart?

Is it possible to render a ChartJS chart within a PDF generated by iText 7 (iText.Html2Pdf.HtmlConverter.ConvertToDocument)? This is a dot net core project.
When I try to do this I get an empty space in the PDF where the chart is supposed to appear. Rest of the PDF renders correctly.
If I save the HTML to a file it does render the chart correctly in the browser.
I can share the code, but wanted to check first if iText.Html2Pdf.HtmlConverter.ConvertToDocument will even attempt to render the chart or not.

Charts in HTML using Datatables

I need to create charts in my html page using Data from tables. Tables are already created using datatables and currently I am using Highcharts to create charts from those tables.
The problem I am facing is as Highcharts is creating chart for all the columns in the table. where as I want some columns to be disabled initially when the page is loaded. or best the chart should be created for only the for those columns where header contains some string.
I am open to change to any other plugin which gives Highcharts like looks and hover capabilities.
Only using the columns with some substring I don't think it is possible, but you have the startColumn and endColumn properties to choose a range of columns to use.
Here's an example: http://jsfiddle.net/gt0bk9m7/
data: {
table: 'datatable',
endColumn: 1
},

Highcharts multi series drilldown from a csv

I am trying to replicate the highcharts drilldown chart, using multiple series in the data and drilldown data, and external source csv/json data files
I can easily recreate the drilldown using the examples from highcharts
I can create a column chart using csv as source for data
I have been able to create a multiseries to multiseries drilldown using this example ttp://jsfiddle.net/7xEhW/496/
What I am struggling with now is how to load the data from csv in a format that is accepted into the drilldown (multiseries)
This is my code for the parsed
http://jsfiddle.net/9gshkdaj/
I can make it work if I insert static data into the drilldown, but any help on how to load this via a csv would be appreciated (I have control over csv format).
My other idea was to use the data.parsed function to modify the data, but I have no idea where to start (although I know it should be possible, as this example is actually loaded from a tsv) http://www.highcharts.com/news/125-new-features-drilldown-and-no-data
Thank you
<pre id="sectorData" style="display:none">
Sector,MTD,drillMTD,YTD,drillYTD
EQ,1,EQ-MTD,2,EQ-YTD
FX,2,F

Display a Excel chart in Html page

I have a EXCEL file containing multiple Tables and Charts.
I want to create a web page to display a particular Table and a Chart. I used java script to display the table.
But cant find a way to display the CHART. By chart i mean it contains a pie graph or bar graph.
Is it possible to display using java script? Or do i have to use JSP/something else?
Take a look at Google Chart Tools. Here is an example with javascript source code. If you are building the table on the server side, you may instead want to pass the data down JSON encoded and then build both the table and chart at the same time without having to pass the data twice.
An easier way would be to use a free tool like oomfo, which is a PowerPoint plugin to create charts. It lets you pull data from excel, create charts and then export the entire slide as HTML - the charts are in Flash and JavaScript (fallback). Just add a line of code in the output web page to render JavaScript charts only.

Categories