use highchart y highstock en la misma página

Tengo esta pagina:

<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 pagina que uso

$.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 valores altos

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

    rangeSelector: {
            selected: 2
    },


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

y no pueden trabajar juntos, solo uno o el otro.

¿Qué puedo hacer?

preguntado el 04 de julio de 12 a las 08:07

¿Has probado a mostrarlos separados? Qué sucedió ? -

sí, incluso por separado, el gráfico highchart no funciona (bien). ¿Hay un archivo highstock+highchrt js en alguna parte? -

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

8 Respuestas

Tengo el mismo problema con Highchart y Highstock en conflicto. aquí está la solución oficial:

Tenga en cuenta que el constructor Highcharts.Chart y todas las funciones de Highcharts están incluidas en Highstock, por lo que si está ejecutando Chart y StockChart en combinación, solo necesita cargar el archivo highstock.js.

http://highcharts.com/errors/16

Respondido 28 Abr '13, 12:04

¿Cuál será la fecha de caducidad si descargo highchart.js después de registrarme para fines no comerciales? ? - UJ India

Highcharts está incluido en highstock.js, así que mire el ejemplo, cómo usar highcharts con highstock.js.

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

En segundo lugar, aconsejo usar el highstock más nuevo.

Respondido 17 Jul 13, 12:07

Experimenté el mismo problema cuando traté de usar el gráfico Highstock y el indicador angular, y el problema se resolvió cuando trato de reorganizar la biblioteca javascript de highstock highchart de esta manera

<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 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.

Respondido 05 Feb 13, 14:02

debes eliminar este archivo:

highcharts.js

lo intenté y funciona

Respondido 24 Jul 13, 11:07

En mi caso, incluido solo el archivo de HighStock, también funcionó para HighChart.

Tengo muchos gráficos, highchart o highstock, que se pueden incluir en la misma página, ¡y solo llamo a HighStock.js una vez y funciona para ambos!

Respondido 07 Oct 13, 21:10

Use solo highstock.js y eliminar highcharts.js Y funciona bien para mí Y buena suerte

Respondido el 28 de diciembre de 16 a las 12:12

¿Cuál será la fecha de caducidad si descargo highchart.js después de registrarme para fines no comerciales? ? - UJ India

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

Respondido 04 Jul 12, 10:07

Lo hice, dibuja solo algunos de los gráficos de gráficos altos, pero no funciona en la mayoría de ellos. - monstruo dev

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

Tuve el mismo problema y lo solucioné ordenando mi JS como se muestra a continuación.

<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 de highcharts.

Respondido 17 Jul 13, 09:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.