HighCharts - анимации, кроме по умолчанию

Question

Есть ли вариант в HighCharts js (HighCharts.com.) Чтобы изменить анимацию, когда графические нагрузки? Прямо сейчас на столбце-диаграмме столбцы выдвигают снизу. Можно ли изменить анимацию по умолчанию, скажем, отскок?

Answer 1

Анимация загрузки может контролироваться с помощью опции «Загрузка». Определяет объект CSS, который вы можете тема. Вы можете анимировать нагрузочный дисплей, используя анимированное изображение в качестве фона. http://highcharts.com/ref /#

Чтобы изменить текст, который он отображается через свойство lang опций. Видеть http://highcharts.com/ref/#lang. для большего. Я обычно просто устанавливаю его в пустое.

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

Кроме того, чтобы отобразить объект CSS, вам необходимо вызвать диаграмму .showloading ();

Answer 2

Конечно, к вашим параметрам диаграммы добавьте время продолжительности анимации и ослабление вариантов. Например, чтобы отскочить:

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

Пример видели здесь http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/chart/animation-

Answer 3

Он был перемещен под «серии» объекта itead из диаграммы

http://api.highcharts.com/highstock#plotoptions.Series.

Что-то вроде этого:

    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]
        ]
    }]

Answer 4

Я не вижу никакой анимации от ответа, ссылающегося на скрипку:

Пример видели здесь http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/chart/animation-

Даже пытаясь повышенное значение как здесь:http://jsfiddle.net/p9euz/

    chart: {
        animation: {
            duration: 6222500,
            easing: 'easeOutBounce'
        }
    }