Festlegen von Tooltip-Label-Farben in einem Kendo-UI-Kreisdiagramm

Question

Ich verwende einen generationspoDicetagcode-Anruf, um ein Kreisdiagramm selbst zu erstellen.

generasacodicetagpre.

Verwenden von .kendoChart() Ich übernahme den normalen Farbsatz, der mit Kendo UI geliefert wird. Das Problem damit ist, wenn das Diagramm dunklere Farben verwendet, die Etikettenfarbe im Tooltip am Hover immer schwarz ist und sehr schwer zu lesen ist. Ich suche nach einem Weg, um ein anderes Farbarray zu referenzieren, setzen Sie die Farben auf Bind oder etwas Ähnliches.

kendo ui handhabt die dunklen Farben im Standard-Farbsatz, indem Sie die Etikettenfarben automatisch auf Weiß ändern, damit es einen Weg gibt, um es zu tun.

Ich habe einige Forschungen getan, aber ich kann keine gute Dokumentation für Kendo-Ui finden, ähnlich dem, was Microsoft normalerweise freigibt.

UPDATE:

Joes Antwort war sehr hilfsbereit, aber es brachte mich nicht ganz dorthin.

Verwenden der Farbe: Attribut Ich kann in der Tat die Tooltip-Textfarbe auf globaler Ebene einstellen, aber ... was ist, wenn ich ein hellgelb habe? Gibt es eine Möglichkeit, direkt anzugeben, welche Farbe der Text auf welcher Hintergrundfarbe sein sollte?

wird Farbe: Akzeptieren Sie eine Funktion {} oder Array von Farben irgendwie?

danke,

---

Dank ROC, um mich genau zu zeigen, was ich vermisst habe!

Hinweis: Ich habe 120 LUMA für meinen Bestimmungswert verwendet, wenn ich Schwarz oder Weiß verwenden würde.

Answer 1

Sie waren in Ihrer Frage sehr nahe an der Lösung in Ihrer Frage, da Sie eine Funktion Delegierter als Vorlage verwenden können.Kendo Tooltip ist ein Div-Element, also gibt einfach einen HTML-Block mit der von Ihnen benötigten Farbe zurück, und die Tooltips sind weißer Text auf dem dunklen Hintergrund oder ein schwarzer Text auf dem hellen Hintergrund.

zu erkennen, wenn der Hintergrund zu dunkel ist, können Sie den folgenden Thread Wie man prüft, ob Hex-Farbe" zu schwarz "ist? wieder die Serienfarbe aus dem" E "-Ospruch - E.series.Color.Ich habe unten eine abstrakte Funktion GetColorluma () verwendet, um Vervielfältigung zu vermeiden.

generasacodicetagpre.

Seien Sie jedoch vorsichtig mit der Verwendung von 'und # in dem von der Vorlagenfunktion zurückgegebenen Text.JavaScript wird abstürzen.Ich habe gerade 'White' und 'Black' in meinem Code anstelle von Hex-Farben verwendet.

Answer 2

Sie können dies über die Tooltip-Optionen einstellen (der unten stehende Code stammt aus ihrem Dojo) rechts unten ist ich die Tooltips an den generationspflichtigen GRATIONADICETAGCODE.

Die Dokumentation ist ziemlich solide (wenn ein wenig unbeholfen zu navigieren)

http://docs.telerik.com/KENDO-UI / API / DataViz / Diagramm # Configuration-tooltip.background

generasacodicetagpre.