Параметры серии dyrgraphs не работают

Я пытаюсь установить параметры графа для каждой серии, но мне не повезло. В этом примере я ожидаю увидеть ряды "Не сохранены" и "Хосты" в качестве точек, а также серии "Не поддерживаемая тенденция" и "Хосты тренд" как линии. Фактические результаты - это только очки. Что я сделал не так?

http://jsfiddle.net/Bc58h/

drawPoints: "true",
 colors: [ "orange", "blue", "black", "violet" ],
 strokeWidth: 0,
 series: {
 'Hosts trend': {
 strokeWitdh: 1,
 pointSize: 0
 },
 'Not kept trend': {
 strokeWitdh: 1,
 pointSize: 0
 }
 }
1 ответ

У вас есть 3 проблемы в скрипке, вызывающие проблемы:

  1. Вы ошибочно указали strokeWidth в настройках каждой серии.
  2. Чтобы сделать строки с нулями между ними, вам нужно добавить параметр connectSeparatedPoints: true.
  3. В заголовках столбцов CSV вам нужно удалить пробелы после запятых, чтобы они не стали частью названия серии: "Date,Not kept,Hosts,Not kept trend,Hosts trend\n"+

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

g = new Dygraph(

 // containing div
 document.getElementById("dr1"),
 "Date,Not kept,Hosts,Not kept trend,Hosts trend\n"+
 "2014-03-31, , , 73, 6\n"+
 "2014-04-01, 50, 10, , \n"+
 "2014-04-02, 63, 11, , \n"+
 "2014-04-03, 120, 12, , \n"+
 "2014-04-04, 55, 20, , \n"+
 "2014-04-05, 60, 22, , \n"+
 "2014-04-06, 63, 25, , \n"+
 "2014-04-07, 52, 24, , \n"+
 "2014-04-14, , , 46, 46\n",

 // options
{
 xRangePad: 10,
 yRangePad: 10,
 title: "Promises not kept",

 // legend options
 legend: "always",
 labelsDiv: "dr1_labels",
 labelsSeparateLines: "true",
 connectSeparatedPoints: true,
 drawPoints: "true",
 colors: [ "orange", "blue", "black", "violet" ],
 strokeWidth: 0,
 series: {
 'Hosts trend': {
 strokeWidth: 1,
 pointSize: 0
 },
 'Not kept trend': {
 strokeWidth: 1,
 pointSize: 0
 }
 }
}
);

Вот ваш обновленный FIDDLE

licensed under cc by-sa 3.0 with attribution.