каскадные диаграммы водопада в highcharts

#javascript #highcharts #waterfall #stacked

#javascript #высокие диаграммы #водопад #многоуровневые

Вопрос:

У нас есть требование к каскадным диаграммам водопада (мы используем highcharts.com ). http://fiddle.jshell.net/8JP8T / предоставляет возможность создания каскадных диаграмм, но нам нужно создавать стеки. Кто-нибудь делал это раньше? Спасибо!!

Ответ №1:

Вы можете заставить сложенные столбцы «левитировать», создав призрачный ряд, затем установив для призрачного ряда непрозрачность 0.

 $.each(chart.series[2].data, function(i, point) {
  if (i==2) {
    point.graphic.attr({opacity: 0, 'stroke-width': 0});
  }
}

Эта скрипка иллюстрирует основную идею. Обратите внимание, что вам также необходимо отключить тени и установить для showInLegend значение false, чтобы получить полный эффект призрачности.

http://jsfiddle.net/6UPrg/13/

Ответ №2:

Основываясь на вашем примере, вас может заинтересовать stacking свойство, найденное в highcharts.

 var chart = new Highcharts.Chart({
    //other properties...
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    }
});

1. Это не работает. Мне пришлось модифицировать js-код (highcarts.js pointStack.cum = yBottom = pointStack.cum - yValue;`` to pointStack.cum = pointStack.cum — yValue;` По сути, стеки игнорируют low значение в options. Другие другие способы сделать это?

2. я не думаю, что то, что вы сделали, возможно без редактирования highcharts, как у вас, я не думаю, что возможно сделать то, что вы сделали. Вы должны добавить свой ответ и пометить его как принятый.

Ответ №3:

http://highcharts.com/demo/column-stacked