Горизонтальная линия на диаграмме рассеяния Google - PullRequest
1 голос
/ 01 февраля 2012

Я использую точечную диаграмму для отображения данных в следующем диапазоне: x = [-1..1] y = [-1..1].Можно ли нарисовать горизонтальную линию, например, y = 0.5?Я использую диаграммы JavaScript (т.е. не диаграммы изображений).

1 Ответ

2 голосов
/ 17 августа 2012

У нас была такая же проблема на работе.К сожалению, на данный момент 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]

Может быть, этоЭто не самый эффективный способ, но он работает:)

Надеюсь, я все объяснил ясно, дайте мне знать, если у вас есть еще вопросы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...