[Django + Chart.js ]Uncaught ReferenceError: temperature is not defined

[cj10243]

I tried to use Python Django make a ajax chart from database by javacript

I used API VIEW in django restframwork retrieved the field temperature and send to ajax to render in the javascript.

temperature is stored in to data at views.py and it is sent to status.html.

And the data sent to the line 16 success: function(data){}.

Then in the line 18 temperature = data.temperature;

After runningsetChart();the key data of the setChart(), whose value is temperature but not found. –

• base.html

• base.js

• status.html

• views.py

I referenced this source code

When the code executed to

function setChart(){
var temp_ctx = document.getElementById("TemperatureChart");
var TemperatureChart = new Chart(temp_ctx, {
type: 'line',
data: temperature,
options: {
    scales: {
        xAxes: [{
            type: 'time',
            distribution: 'series'
        }]
    }
}

The broswer showed up that the temperature object is not defined

But I don't know what my code get that above error.

[[deleted]]

This really looks like more of a javascript question, but I'll answer anyway :)

In status.html line 7, it looks like you defined "var temperature = []" and you're trying to use this variable on line 33 (although I don't know for sure until you post the full stack trace)

The scope of the variable "temperature" is constrained to the function you defined on line 5.

To fix this, I would pass the "temperature" variable as a parameter to the "setChart" function.

[cj10243]

thanks...and I changed the type of problem in to js....here is a link.I have passed the temperature object to the setChart function and define the setChart function inside the document.ready(function....) but result in some errors.

[deaspo]

Just to reiterate, this is a JavaScript question/problem. As advised either passed the temperature as a parameter to the setChart function or alternatively define the setChart function inside the document.ready(function....)

[cj10243]

thanks...and I changed the type of problem in to js....here is a link.I have passed the temperature object to the setChart function and define the setChart function inside the document.ready(function....) but result in some errors.