Цвет настраиваемой подсказки для диаграммы Telerik DataViz

Question

У меня есть диаграмма со многими цветами. Всплывающая подсказка должна отображаться в черном или белом цвете в зависимости от цвета фона панели диаграммы. Единственный вариант, который я могу придумать, это справиться с series.name, Но ничего не работает.

Этот код точно помещает белый или черный фрагмент текста на экран в качестве всплывающей подсказки:

.Tooltip(tooltip =>
    tooltip.Visible(true).Template("# if ((series.name === 'foo') || (series.name === 'bah')) { return '<strong style=\"color: black\">bar</strong>'; } else { return '<strong style=\"color: white\">bar</strong>'; } #")
)

Однако, как только я подключу #= series.name # #= value # вместо bar функция ломается и больше не работает.

Затем я попробовал SharedTemplate и Template как таковые (по одному, конечно):

.Tooltip(tooltip =>
   tooltip.Visible(true).Template("mytemplate")
   tooltip.Visible(true).SharedTemplate("mytemplate")
)

<script id="mytemplate" type="text/x-kendo-template">
   # if ((series.name === 'foo') || (series.name === 'bah')) { #
      <strong style="color: black">bar</strong>
   # } else { #
      <strong style="color: white">bar</strong>
   # } #
</script>

Это ничего не делало и вместо этого отображало всплывающую подсказку "mytemplate".

Возможно ли это сделать? Если нет, то есть ли какой-нибудь способ обойти?

Answer 1

Ответ состоял в том, чтобы установить цвет всплывающей подсказки для самой серии:

 .Series(series => {
    series.Column(new double[] { 1, 2, 3}).Name("India").Tooltip(t=>t.Background("#fff"));
    series.Column(new double[] { 4, 5, 6 }).Name("Russian Federation").Tooltip(t => t.Background("#000"));
    series.Column(new double[] { 7, 8, 9}).Name("Germany").Tooltip(t => t.Background("#fff"));
})