javascript - test - tipos de grafica highcharts
Highstock, error: UnEught TypeError: w[(valor intermedio)(valor intermedio)(valor intermedio)] no es un constructor (2)
Intento crear un gráfico de gran altura, pero recibo el siguiente error:
error: UnEught TypeError: w [(valor intermedio) (valor intermedio) (valor intermedio)] no es un constructor
Mi JSON parece válido, y mi javascript también, ¿alguna idea de cómo arreglar esto?
Javascript:
$.getJSON(''<?php echo SITE_URL; ?>analytic/weekly_views_json'', function(data)
{
// Create the chart
$(''#container2'').highcharts(''StockChart'', {
rangeSelector: {
selected: 1
},
title: {
text: ''AAPL Stock Price''
},
series: [{
name: ''AAPL Stock Price'',
data: data,
type: ''spline'',
}]
});
});
Json:
[[1420547368,1],[1423225768,1],[1425644968,1],[1428319768,1],[1430911768,1],[1433590168,1],[1452083368,1],[1454761768,1],[1457267368,1],[1458131368,1],[1459942168,1],[1494070168,1]]
Esto funcionó para mí
<script src="../lib/highcharts.js"/>
<script src="../lib/highcharts-more.js"/>
var chart = new Highcharts.Chart({
chart: {
renderTo: ''Temperature''
},
title: {
text: ''HighStock''
},
legend: {
enabled: true
},
xAxis: {
categories: [''1'',''2'',''3'',''4''],
title: {
text: ''day''
}
},
yAxis: {
title: {
text: ''values''
}
},
series: [{
name: ''temperature'',
data: [
[5,30],[10,35],[15,40],[20,45]
],
}]
});
Primera solución:
Tuve el mismo error, utilicé highchart
como abajo en mi código HTML
:
<head>
<script src="https://code.highcharts.com/highcharts.js"></script>
...
</head>
y mi código js
fue:
$(''#container'').highcharts(''StockChart'', {
...
});
con respecto a la highchart documention
, debemos usar Highcharts.Chart
para crear nuevos highstock
. así que cambié mi código a:
<head>
<script src="https://code.highcharts.com/highcharts.js"></script>
...
</head>
y mi código js
fue:
var chart = new Highcharts.Chart({
chart: {
renderTo: ''container''
},
...
});
¡y este error ha sido resuelto!
Segunda solución:
También con respecto a esta documentación , si está ejecutando Chart y StockChart en combinación, solo necesita cargar el archivo highstock.js.
así que cambié mi código a:
<head>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
...
</head>
y mi código js
fue:
var chart = new Highcharts.Chart({
chart: {
renderTo: ''container''
},
...
});