2015-12-11 2 views
0

У меня есть линейный график, как это: `* Highcharts * Рисунок Процент линии Диаграмма

series: [{ 
     data: [ 
      ['A', 29.9], 
      ['B', 71.5], 
      ['C', 106.4] 
     ], 
     name: 'l1' 
    }, 
    { 
     data: [ 
      ['A', 33.9], 
      ['B', 22.5], 
      ['C', 77.4] 
     ], 
     name: 'l2' 
    }, 
    { 
     data: [ 
      ['A', 55.9], 
      ['B', 21.5], 
      ['C', 134.4] 
     ], 
     name: 'l3' 
    }] 

http://jsfiddle.net/m1utpa41/

, и я хочу сделать его линейную диаграмму в процентах не по абсолютной величине, как я могу сделать что ?

+0

, что является основой? –

+0

Я хотел бы нарисовать процентную линию для каждой из данных серии, например, в серии l1, я хочу рисовать линию для 3-х точечной ABC, используя процентное значение, а не абсолютное значение, а процентное значение для точки A означает, сколько процент, который A берет в общей сложности ABC серии l1 и т. д. для серий l2, l3, ... – Ock

+0

Я не понимаю вас. возможно, вы рисуете изображение с образцом. –

ответ

0

Комплект stacking до percent и опционально вы можете установить valueSuffix для tooltip.

... 
plotOptions: { 
    series: { 
    stacking: 'percent' 
    } 
}, 
tooltip: { 
    valueSuffix: '%' 
}, 
... 

JSFiddle: http://jsfiddle.net/m1utpa41/3/

Существует также пример в stacking API reference - Line with "percent" stacking demo

Edit:

Однако, если вы хотите получить серию, которая будет иметь каждую точку данных заданное как процентное значение суммированных данных серии, тогда нет опции по умолчанию, которая позволила бы использовать эту функцию, но вы могли бы просто обработать ваши данные. Пример: http://jsfiddle.net/oxja7u7k/

Related topic on Highcharts forum.

+0

спасибо за ваше решение, оно работает для меня, но потому, что у меня есть ось x-времени и когда я использую ключи: ключи: ['name', 'y', 'realVal'], мое datetime в xaxis будет приходить Jan.1970, и когда я избавлюсь от ключа, он показывает правильное время datetime в xaxis, но тогда я больше не могу называть point.realVal во всплывающих подсказках, как я могу его исправить? – Ock

+0

@Son В вашем вопросе не было такой информации. Вы можете добавить '' x'' в 'keys' и точки и установить' xAxis' '' '' '' datetime'. Пример: http://jsfiddle.net/oxja7u7k/1/ –

Смежные вопросы