Как настроить содержимое внутри всплывающей подсказки в Google Chart

Question

У меня есть следующая data модель для приведенного выше графика.

var data = google.visualization.arrayToDataTable([
        ["", "Goal Achieved", {role: 'style'}, target_goal_annotation, {role: 'style'}, {role: 'annotation'}],
        [1, achieved_goal, "opacity: .75;", target_goal, "opacity: 0;", "" ]
    ]);

Когда я наводю курсор мыши на индикатор выполнения в первой строкевсегда 1, потому что у меня 1 на первом месте в приведенном выше блоке данных.

Если я добавлю что-то еще, базовая линия исчезнет, ​​что понятно. Мне нужно заменить 1 во всплывающей подсказке и добавить что-нибудь еще, например Набранные очки .

Как бы я достиг этого с видимой базовой линией?

По базовой линии,Я имею в виду горизонталь внизу.

Answer 1

по умолчанию подсказка будет использовать отформатированное значение ячейки таблицы данных.

используя объектную нотацию, мы можем предоставить как значение (v:), так и отформатированное значение (f:)

, поэтому, чтобы отобразить что-то отличное от 1, используйте что-то вродеследующее ...

{v: 1, f: 'Points collected'}

например

var data = google.visualization.arrayToDataTable([
    ["", "Goal Achieved", {role: 'style'}, target_goal_annotation, {role: 'style'}, {role: 'annotation'}],
    [{v: 1, f: 'Points collected'}, achieved_goal, "opacity: .75;", target_goal, "opacity: 0;", "" ]
]);