2015-05-03 5 views
0

Я пытаюсь построить систему графического отображения, в которой линейные графики, находящиеся в пределах диапазона, являются пунктирными линиями, а те, которые превышают или не достигают диапазона, нарисованы сплошными линиями. То есть в следующем массиве [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], если мой диапазон: [4,7] У меня было бы 2 набора очков: мои данные в диапазоне (пунктирная линия): [null, null, null, 4, 5, 6, 7, null, null, null]; и мои данные, выходящие за допустимые пределы (сплошная линия) [1, 2, 3, null, null, null, null, 8, 9, 10].Линейный график линий с диапазонами в RickshawJS

Я думал, что сделаю это, размахивая двухстрочными сюжетами для каждого набора данных. Один с точечным стилем и один с солидным стилем. Чтобы добиться этого, я попробовал POC создать промежуток в моих графиках.

Я думал, что я мог бы сделать это путем удаления элементов в серии данных перед отправкой его быть оказаны (http://jsfiddle.net/drewsonne/tczooff2/):

var random = new Rickshaw.Fixtures.RandomData(150); 

for (var i = 0; i < 150; i++) { 
    random.addData(seriesData); 
} 

// Create empty part of graph 
for (var i = 70; i < 100; i++) { 
    delete seriesData[0][i]; 
} 

Но я, кажется, чтобы получить прямую интерполированное линию в моем графике, где удаленные элементы находятся.

Можно ли сделать частичную линию в RickshawJS или любым другим способом, который достигнет моего стиля оформления?

Я ценю, что мне даже придется сломать участки в смежные линии. Для моего приведенного выше примера потребуется 3 разных графика. Если я это сделаю, мне еще нужно сделать частичный сюжет. Любые пустые элементы в наборе данных выходят из строя в rickshawjs.

EDIT: Решение был изменить мой код выше, чтобы удалить только «у» значения, сохраняя при этом «х» значения:

// Create empty part of graph 
for (var j = 10; j < 100; j++) { 
    seriesData[0][j].y = null; 
} 

ответ

0

не знает, что помогает, но я нашел только что вы можете закончить линию преждевременно, установив значение на ноль:

seriesData[0][75] = 0; 

приводит к красной линии втягиваются только половина обычного способа.

Похоже пробелы поддерживаются только в некоторых типах графиков: http://code.shutterstock.com/rickshaw/examples/gaps.html

+0

Ах-ха, спасибо. Это может помочь. Если я смогу начать линию на полпути, то я могу работать с этим. Я буду возиться. – Drew

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

  • Нет связанных вопросов^_^