Quiero realizar una Grafica como la del siguiente link
$(function () {
var data_trip = ["2011-01-22","2012-01-22","2013-01-22","2014-01-22","2015-01-22","2018-01-22"];
var data_metros = [123,156,236,742,14,245];
Highcharts.stockChart('barcinas', {
chart: {
zoomType: 'xy'
},
title: {
text: 'Nº Barcinas'
},
xAxis: {
categories: data_trip
},
yAxis: [{ // Primary yAxis
categories: [0],
labels: {
format: '{value}',
style: {
color: Highcharts.getOptions().colors[1]
}
},
title: {
text: 'Nº Metros',
style: {
color: Highcharts.getOptions().colors[1]
}
},
}],
tooltip: {
shared: true
},
charBackgroundColor: {
linearGradient: [0, 0, 500, 500],
stops: [
[0, 'rgb(255, 255, 255)'],
[1, 'rgb(200, 200, 255)']
]
},
series: [{
name: 'Metros',
type: 'line',
yAxis: 0,
color: {
linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
stops: [
[0, '#0637e8'],
[1, '#06bae8']
]
},
data: data_metros, //asignamos el valor a cada uno de los defectos (lineas)
pointPadding: 0.1,
pointPlacement: -0.2
}],
plotOptions: {
column: {
grouping: false,
shadow: false,
borderWidth: 0
}
}
});
});
Tengo ese código y me hace la tabla el problema es que en el rango no me pone nada ¿Alguien que me pueda ayudar?
Esto es lo que me pinta solamente
data_trip
que contiene las fechas y si vez en la imagen me pone datos que no deberían ademas de que la "barra de selección" no se mueve para nada, no se si me explico.¿? @Rostan