Highcharts - Animationen, die von anderen als den Standardwert

Ist es eine option, in Highcharts JS (highcharts.com) ändern Sie die animation, wenn ein Diagramm geladen? Jetzt, auf einem Säulendiagramm die Säulen Folie von der Unterseite. Ist es möglich, ändern Sie die Standard-animation, sagen, bounce?

InformationsquelleAutor hookedonwinter | 2010-08-30

  1. 8

    Dem laden der animation gesteuert werden kann über die "laden" - option. Es definiert eine CSS-Objekt, Sie können Thema. Sie können animierte die be-Anzeige durch die Verwendung eines animierten Bildes als hintergrund. http://highcharts.com/ref/#loading

    Um den text zu ändern, zeigt es über die lang-Eigenschaft der Optionen. Sehen http://highcharts.com/ref/#lang für mehr. Ich in der Regel einfach leer.

    var options = {
  style: { background: 'url(/images/3044/chart_curve.png) no-repeat center' }, 
  lang: { loading: '' } 
};
var chart = new Highcharts.Chart(options);

    Plus-Anzeige der CSS-Objekt, müssen Sie rufen Sie chart.showLoading();

    Ich weiß, die OP akzeptierte dies als Antwort, sondern als Dritte Partei, es scheint, dass diese Antwort nicht auf die Frage über die Daten-animation, sondern spricht über customizing eine spinner-Art "busy" - Anzeige. Diese sind voneinander zu trennen (man könnte, zum Beispiel, passen Sie beide auf der gleichen Grafik). -1

    InformationsquelleAutor xer0x

  2. 12

    Sicher, um Ihre Diagramm-Optionen fügen Sie die animation duration und easing-Optionen. Zum Beispiel, um bounce:

    var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        animation: {
            duration: 1500,
            easing: 'easeOutBounce'
        }
    },
    ...
});

    Beispiel hier gesehen http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/chart/animation-easing/

    InformationsquelleAutor benmod

  3. 2

    Es wurde verschoben unter "Serien" - Objekt statt der chart

    http://api.highcharts.com/highstock#plotOptions.series

    Etwas wie dieses:

        series: [{
        animation:{
          duration: 10000  
        },
        type: 'pie',
        name: 'Percentuale per periodo',
        data: [
            ['2 anni',   13.0],
            ['3 anni',      41],
            ['4 anni',    17],
            ['5 anni',     17],
            ['7 anni',   4],
            ['8 anni',   8]
        ]
    }]

    InformationsquelleAutor KingJia

  4. 1

    Sehe ich keine animation Effekt aus der Antwort verweisen auf die Geige:

    Beispiel hier gesehen http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/chart/animation-easing/

    Sogar versucht erhöhten Wert wie hier:
    http://jsfiddle.net/p9EuZ/

        chart: {
        animation: {
            duration: 6222500,
            easing: 'easeOutBounce'
        }
    }
    Vereinbart. Diese Frage auch explizit darum bittet, über die "laden" - animation, nicht die "update" - animation.

    InformationsquelleAutor jayseattle

Schreibe einen Kommentar