Highcharts L'Évolution Dynamique Des Étiquettes?

Il y a une étiquette à ce graphique: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/combo/ étiquette est "le Total à la consommation de fruits"

Après le graphique créé, comment puis-je changer cette phrase de façon dynamique?

PS: j'essaie de placer des étiquettes et de les redessiner graphique mais n'a pas fonctionné: http://jsfiddle.net/UXDqL/

Des idées?

OriginalL'auteur kamaci | 2012-09-05

  1. 9

    Place de l'utilisation des étiquettes, vous pouvez utiliser le moteur de rendu de texte (), puis utiliser la variable pour garder l'objet. Si vous avez besoin de mettre à jour dynamiquement ce texte, seulement ce que vous avez besoin est d'utiliser attr() et la fonction de mise à jour.

    http://jsfiddle.net/6GKCJ/2/

    var title = chart.renderer.text('Total fruits consumption', 100, 90)
        .css({
            fontSize: '12px'
        })
        .add();

        $('#btn').click(function(){

            title.attr({
                text:'newText'
            });
        });
    C'est ce que je cherchais, merci pour la mention de cette.

    OriginalL'auteur Sebastian Bochan

  2. 2

    Si vous voulez le changer après l'intrigue est tirée, juste agir sur l'élément lui-même. À l'aide des sélecteurs jquery c'est aussi simple que:

    //find me the tspan containing the specified text and change it to...
$("tspan:contains('Total fruit consumption')").text("Something New")
    peut ne pas fonctionner sur tous les navigateurs, esp depuis son en fonction de l'hypothèse que SVG sera rendu, mais basé sur le navigateur highchart peut ou ne peut pas cracher svg

    OriginalL'auteur Mark

  3. 1

    Highchart ne fournit aucune méthode de mise à jour dynamique de l'étiquette d'en-tête comme des Highcharts 3.0.
    Même si elle prévoit une méthode de mise à jour de la série de manière dynamique: http://api.highcharts.com/highstock#Series.update()

    De mettre à jour l'étiquette d'en-tête, nous avons besoin de suivre une approche par force brute, ici, c'est à dire pour rendre le tableau à nouveau après la mise à jour des options graphiques. Le code suivant devrait faire l'affaire :

    var mychart = $('#container').highcharts();
    mychart.options.labels.items[0].html= "Changed label header";
    mychart = new Highcharts.Chart(mychart.options);
    mychart.render();

    JsFiddle: http://jsfiddle.net/msjaiswal/ZD4N5/2/

    Un fil similaire : ici

    OriginalL'auteur Mayank Jaiswal