passing data from database to highcharts in Django

Question

What's the most elegant solution in Django to take data from database and pass it into Highcharts? I stumbled across this question, but I keep on getting the following error: JSerror: Invalid property id at var chart_id = {{ chartID|safe }}, if I try to use it in my example.

template looks like this:

<html>
<div id={{ chartID|safe }} class="chart" style="height: 100px; width: 500px"></div>
<script>
var chart_id = {{ chartID|safe }}
var series = {{ series|safe }}
var title = {{ title|safe }}
var xAxis = {{ xAxis|safe }}
var yAxis = {{ yAxis|safe }}
var chart = {{ chart|safe }}
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>

In case there are better ways to pass data to highcharts please let me know.

Shang Wang · Accepted Answer · 2016-03-10 15:44:04Z

3

Maybe you are missing the quotes in your javascript:

var chart_id = "{{ chartID|safe }}";

answered Mar 10, 2016 at 15:44

Shang Wang

25.7k21 gold badges77 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Simbarashe Mhlanga · Accepted Answer · 2021-05-27 12:28:46Z

0

You must pass your data as a context to the template, change it to a list in python. Then in your javascript block create a script tag then declare your data variables that you passed ,then pass them to your plotting script.

answered May 27, 2021 at 12:28

Simbarashe Mhlanga

1512 silver badges4 bronze badges

Collectives™ on Stack Overflow

passing data from database to highcharts in Django

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related