morris.js пунктирные линии сетки

Question

Я пытаюсь настроить линии сетки для morris.js, чтобы иметь пунктирный стиль, аналогичный графику доходов в http://dribbble.com/shots/947782-Freebie-PSD-Flat-UI-Kit/attachments/107093, возможно ли это? Похоже, что документация не очень полная, gridLineColor не указан в качестве опции, но он меняет цвет, когда я добавляю его на свой график. Morris.js, как представляется, настоятельно рекомендуется, но я не могу настроить такие простые вещи.

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

Спасибо за помощь!

Answer 1

В morris.js, похоже, пока нет возможности, но я смог отредактировать несжатый файл morris.js, чтобы добавить опцию для пунктирных линий сетки. Просто добавьте .attr('stroke-dasharray', this.options.gridDashed) в конец строки 508. Затем вы можете добавить опцию gridDashed: '--' к графикам, на которых вы хотели бы пунктирные линии сетки!

Answer 2

Вот линия, которая нуждалась меняется в ответе Грэма в:

Grid.prototype.drawGridLine = function(path) { 
    return this.raphael.path(path).attr('stroke', this.options.gridLineColor).attr('stroke-width', this.options.gridStrokeWidth).attr('stroke-dasharray', this.options.gridDashed); 
};