У нас была такая же проблема на работе.К сожалению, на данный момент Google Charts не предоставляет простого способа отображения линии на точечной диаграмме, как на гистограмме.
Наконец-то мы нашли «маленький трюк», который отлично нам подходит, так как выможно увидеть здесь: http://csgid.org/csgid/statistics/structures
Хитрость заключается в создании «Линейного графика», но установив для свойства linewidth значение 0 и pointsize до 5 всерия точек, ширина линии 1 и размер точки 0 в серии линии.Это выглядит так:
interpolateNulls: true,
series: {
0: { lineWidth: 0, pointSize: 5 },
1: { lineWidth: 0, pointSize: 5 },
2: { lineWidth: 0, pointSize: 5 },
3: { lineWidth: 0, pointSize: 5 },
4: { lineWidth: 1, pointSize: 0 }
}
Почему я установил для interpolateNulls значение true?Потому что тогда мне пришлось изменить способ установки данных в массиве, прежде чем преобразовать их в JSON и передать их в Google Charts.В каждом ряду я должен был установить значения каждой серии по оси X для каждого значения по оси Y.Поэтому мне пришлось установить нулевое значение X, когда в серии не было значения Y для этого значения X (я имею в виду, когда в серии не было точки для этого значения X).Так же и для серии.Это будет одна точка первой серии (в JSON):
[2.6,0.184,null,null,null,null]
И эта одна "точка" линии серии (последняя серия):
[4,null,null,null,null,0.254]
Может быть, этоЭто не самый эффективный способ, но он работает:)
Надеюсь, я все объяснил ясно, дайте мне знать, если у вас есть еще вопросы.