剑道图的对数轴刻度

  • 本文关键字: kendo-ui kendo-dataviz
  • 更新时间 :
  • 英文 :


我有一个场景,在这个场景中,我需要以对数顺序显示a轴刻度。我做了一点搜索,发现这个选项是不可用的,但帖子是近一年前的。最新版本中是否提供了此功能?

这里是我查看的剑道论坛的链接

http://www.kendoui.com/forums/dataviz/chart/logarithmic-scale.aspxhttp://www.kendoui.com/forums/dataviz/chart/does-kendo-support-log-scale.aspx

我知道这是一个旧的帖子,但我发现它试图做这样的事情。我找到了一个解决办法,也许能帮到别人。

我找到了一种在剑道UI中实现对数刻度的方法。基本上,这个想法是将值从对数形式转换为线性形式,然后用KendoUI系列(在我的情况下是"散线")绑定数据,并使用模板替换Y轴上的标签。

.YAxis(axis => axis
    .Numeric()
    .Title("BER (dB)")
    .Labels(l => l.Template("#= formatLog2('{0:0}', value) #"))
    .Reverse()
    .AxisCrossingValue(double.MaxValue)
.Tooltip(tooltip => tooltip
    .Visible(true)
    .Template("#= formatLog('{0:0.00000000000000}', value.y) #")

和JavaScript函数"formatLog2"。(这是一个临时代码,只是为了说明这一点):

function formatLog2(format, value) {
    if (value < 0) value = value * -1;
    value = Math.pow(10, value);
    return kendo.format(format, value);
}

和DataSource转换:

using (IDatabase db = Database.Create())
using (DataTable dt = new DataTable())
{
    db.ExecuteQuery(dt, Query);
    List<UnavailabilityChartPoint> l = new List<UnavailabilityChartPoint>();
    foreach (DataRow r in dt.Rows)
    {
        l.Add(new UnavailabilityChartPoint(
        r.Field<DateTime>("Date"),
        Math.Log10(r.Field<double>("UnSignalMonthly"))
        ));
    }
    return Json(l);
}

重要的部分是线性到对数和对数到线性的变换:

value = Math.pow(10, value);    
Math.Log10(r.Field<double>("UnSignalMonthly"))

这是一个对数比例尺的例子。

http://demos.telerik.com/kendo-ui/bar-charts/logarithmic-axis

不,你不能在剑道图表(截至2013年)

相关内容

  • 没有找到相关文章

最新更新