wie man ein Bild oben auf Balkendiagramm in Google Diagramm zeigt?

Question

Wir sind gerade dabei, von Highcharts zu Google Charts zu wechseln. Mit Highcharts wir haben eine Tabelle wie

wo wir Pfeilbild (nach unten rot im aktuellen Bild) haben basierend auf Differenzen zwischen dem tatsächlichen und Mittelwert. Ich habe versucht, dies mit Google-Charts zu erreichen, aber nirgends hinkommen. Bis jetzt konnte ich HTML nur mit der annotationText Eigenschaft zeigen. Ist diese Aufgabe mit Google-Diagramm möglich? Gibt es Arbeit?

Answer 1

Hier habe ich nur einen Vorschlag gemacht, wie Sie etwas an eine Spalte angehängt haben können, und Sie können dies anwenden, um Ihren Pfeil an die Balken angehängt zu haben.

Sie können eine Annotation zu den Bars verwenden. Das folgende Beispiel zeigt, wie Sie einen einfachen Text an die Leiste annotieren können.

In dieser Datentabelle definieren wir eine neue Spalte mit {Rolle: ‚Anmerkung‘} die Bar Etiketten zu halten:

var data = google.visualization.arrayToDataTable([ 
    ['Element', 'Density', { role: 'style' }, { role: 'annotation' } ], 
    ['Copper', 8.94, '#b87333', 'Cu' ], 
    ['Silver', 10.49, 'silver', 'Ag' ], 
    ['Gold', 19.30, 'gold', 'Au' ], 
    ['Platinum', 21.45, 'color: #e5e4e2', 'Pt' ] 
    ]); 

Ebenso Sie die Anmerkung formatieren können unterschiedlich wie die rot nach unten erscheinen arrow Sie möchten anhängen durch einen Formatierer zu definieren und sie in einer Funktion wie diese Verpackung:

function getValueAt(column, dataTable, row) 
{ 
    return dataTable.getFormattedValue(row, column); 
} 

Für weitere Informationen in diesem Zusammenhang können Sie this verweisen.