【问题标题】:Kendo chart template with label, show html tag inside带有标签的剑道图表模板,在里面显示 html 标签
【发布时间】:2016-02-01 07:11:35
【问题描述】:

嗨,我正在使用剑道图表,我正在使用模板来显示标签,我正在通过 html 标签格式化标签,但格式化不起作用。 请检查图像

同样适用于其他剑道元素,但不适用于图表

下面是我的代码

 $("#chart").kendoChart({
                    ..
                    seriesDefaults: {
                        type: "line",
                        style: "smooth",
                        labels: {
                            visible: true,
                            position: "auto",
                            template: kendo.template('<b>sss</b>')

                           }
                    ..
)};

【问题讨论】:

  • 位置auto将被忽略,它仅适用于rangeArea和verticalRangeArea-documentation的系列类型

标签: javascript jquery asp.net-mvc kendo-ui kendo-chart


【解决方案1】:

嗯, 我只找到了这个解决方案:

labels: {
    template: "Year: #: value #",
    font: "bold normal 15px Arial,Helvetica,sans-serif", // or any font
},

好像根本不支持html

编辑:

嗯,我有点玩这个,下一个例子是我发现的。诚然,它不是 100% 清楚的,但您可以根据需要使用此代码 sn-p 格式化文本。

重点是您可以将功能分配给颜色或字体属性..

labels: {
    visible: true,
    position: "auto",
    template: kendo.template('#=MyFunction(value) #'),
    color: Test,
    font: Test2
}

function Test(e)
{
        console.log(e.value);

        if(e.value %2 == 0)
        {
            return "red";
        }
        else
        {
            return "blue";
        }
}

Example here

【讨论】:

  • 谢谢,但我也想给出条件,比如临界点的红色和正常点的绿色......我该怎么做!!
  • 我正在玩这个并编辑了一个答案......在我看来,标签格式非常有限,但我没有找到更好的东西......希望它可以帮助你。 .
猜你喜欢
  • 1970-01-01
  • 2015-02-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多