2012-07-04 12 views
14

que tienen esta página:uso highchart y highstock en la misma página

<script type="text/javascript" src="jQuery/Highcharts/highstock1.1.6.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highcharts2.1.4.js"></script> 

y en la página que utilizan

$.getJSON(
     "server/indice.server.php?row=" + row +"&item="+ item, 
     null, 
     function(data) 
     { 
      chartindice = new Highcharts.Chart(
      { 
       chart: 
       { 
        renderTo: 'graph', 
        defaultSeriesType: 'line', 
        zoomType: 'x' 
       }, 
         /////moore setting.. 
       series: 
       [{ 
        type: 'area', 
        name: titleindice, 
        data: indice, 
        showInLegend : false //disable the the show/hide icon 
       }] 


      }); 
     }); 

y un gráfico de highstock

window.chart = new Highcharts.StockChart({ 
    chart: { 
     renderTo: 'chartHistory' 
    }, 

    rangeSelector: { 
      selected: 2 
    }, 


    series: [{ 
     data: history, 
     type: 'spline', 
     tooltip: { 
      valueDecimals: 2 
     } 
    }] 
}); 

y que pueden No trabajamos juntos, solo uno o el otro.

¿Qué puedo hacer?

+0

¿Ha tratado de mostrarlos separarated? Que pasó ? –

+0

sí, incluso por separado, el gráfico de Highchart no funciona (bien) .. ¿Hay algún archivo highstock + highchrt js en alguna parte? – devmonster

+0

¿Puedes registrar los datos de tu serie y publicarlos aquí? –

Respuesta

0

Highstock contiene la mayor parte del código de HighCharts. ¿Has intentado incluir solo highstock.js en tu página para mostrar ambos gráficos?

+0

Sí lo hice, dibuja solo algunos de los gráficos de los cuadros superiores pero no funciona en la mayoría de ellos. – devmonster

+0

¿Qué tablas no muestra HighStock? – wergeld

+0

por ejemplo, no se muestra el primer gráfico de la pregunta - (nuevo Highcharts.Chart) – devmonster

3

he experimentado el mismo problema cuando traté de usar la carta Highstock y Angular Gauge, Y el problema se resolvió cuando intento reorganizar highchart highstock librería javascript como esto

<script type="text/javascript" src="jQuery/Highcharts/highcharts.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highstock.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highcharts-more.js"></script> 

o (si no 't desea utilizar gráficos adicionales)

<script type="text/javascript" src="jQuery/Highcharts/highcharts.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highstock.js"></script> 

espero que pueda ser útil

32

Tienes mismo problema con el conflicto Highchar t y Highstock. aquí está la solución oficial:

Tenga en cuenta que el constructor Highcharts.Chart y todas las características de Highcharts se incluyen en Highstock, por lo que si está ejecutando Gráfico y StockChart en combinación, sólo tiene que cargar el highstock .js archivo.

http://highcharts.com/errors/16

-1

tuve mismo problema y lo arreglaron ordenando mis JS de la siguiente manera.

<script type="text/javascript" src="$javascript_folder/highstock.js"></script> 
<script type="text/javascript" src="$javascript_folder/highcharts.js"></script> 

No sé si funciona bien según Ardi. Funciona bien para mí cuando cargo highstock.js primero seguido por Highcharts.

+0

Es una solución perfecta Funciona bien –

4

Highcharts está incluido en highstock.js, así que por favor tome mira el ejemplo, cómo utilizar Highcharts con highstock.js.

http://jsfiddle.net/sbochan/PtXhB/

En segundo consejo que utilizar el nuevo highstock.

1

debe eliminar este archivo:

highcharts.js

que probamos y funciona

0

Im mi caso, incluyendo archivo sólo de HighStock trabajado para HighChart de también.

Tengo muchos gráficos, Highchart o Highstock, es posible incluirlos en la misma página, y llamo a HighStock.js una vez y funciona para ambos!

0

Uso sólo highstock.js y eliminar highcharts.js Y es un trabajo bien para mí y buena suerte

Cuestiones relacionadas