草庐IT

kendo-chart

全部标签

javascript - 如何为 Telerik Kendo UI 饼图楔形着色?

我正在使用TelerikKendo饼图,我希望能够为楔形着色。以下是我的KendoUI饼图的标记:functioncreateChart(){jQuery("#chart").kendoChart({theme:jQuery(document).data("kendoSkin")||"Metro",legend:{position:"bottom"},seriesDefaults:{labels:{visible:true,format:"{0}%"}},series:[{type:"pie",data:[{category:"RemainingWork",value:75,explo

javascript - Kendo UI Grid Inline - 在网格的特定位置插入新行

我正在尝试通过addRow()方法向网格中插入一个新行,但我希望将其添加到网格上当前选定行之后或当前选定行之前?有人可以帮忙吗?目前我得到的是:Grid.addRow();$(".k-grid-edit-row").appendTo("#Gridtbody");但这会在表格底部插入一行。我需要它在特定位置添加行,网格已经有行。 最佳答案 这些是步骤:获取选中的项获取所选项目对应的项目。获取选中项对应的索引。使用DataSource中的insert方法指定要插入的位置。代码:vargrid=$("#grid").data("kendo

javascript - 以编程方式打开和关闭 Chart.js 工具提示

Chart.js2.2.1知道如何触发当我将鼠标悬停在数据点上时运行的代码,以及当我将鼠标移开时运行的代码吗?我需要以编程方式显示和隐藏图表的工具提示。openTip(oChart,datasetIndex,pointIndex){//howtoopenaspecifictooltip?}closeTip(oChart,datasetIndex,pointIndex){//howtoclosethesametooltip?}如果可以的话,我会展示示例代码,但我什至不知道从哪里开始。chartmethoddocs没有帮助。JSFiddle 最佳答案

javascript - Kendo UI 网格导出 excel 和 pdf 导出,没有创建文件

我正在尝试使用excel导出创建剑道网格。我的数据完全按照我的意愿显示,并且网格工作正常。但是,saveAsExcel函数触发了excelExport事件,但没有创建文件。pdf导出也有同样的问题。这是我的网格选项:grid=$("#grid").kendoGrid({toolbar:["excel","pdf"],height:500,scrollable:true,groupable:true,sortable:true,filterable:false,excel:{allPages:true,filterable:true},excelExport:function(e){co

javascript - 使用Kendo Dataviz Vertical Bullet Graph,如何添加类似于条形图的标签?

尝试设计子弹图,使其完全符合营销部门的要求。所需的图表如下所示:如何在栏的顶部添加标签?我尝试从Kendo文档设置标签属性:labels:{visible:true,format:"{0}",font:"14pxArial",},这是我无法运行的脚本:$barChart=$("#bar-chart").empty();$barChart.kendoChart({theme:global.app.chartsTheme,renderAs:"svg",legend:{position:"bottom"},seriesDefaults:{type:"column"},series:[{typ

javascript - Kendo UI Grid 列标题模板函数无法访问列定义

我正在尝试使用columns.headerTemplateKendoUIGrid的特征自定义列标题。您可以如下所示使用此功能,并由thisexampleIcreated演示.通常在使用KendoUItemplates时,小部件会将实体传递给模板函数,因此您可以使用各种属性来自定义要呈现的html。调试KendoUIGrid代码我可以看到,在_headerCellText方法中,对模板函数的调用传递了一个空对象而不是列,即使列对象在范围内也是如此。text=kendo.template(template,settings)({});在为每一列或更糟的情况诉诸自定义列标题模板之前,我是否可

javascript - Kendo 条件格式导致负零

我们正在使用kendo对条件格式的支持来构建自定义掩码。例如:kendo.toString(value,'\\$0;-\\$0')//e.g.-$100or$100问题是kendo在应用舍入之前选择使用条件格式的哪一侧。因此,我们最终可以显示负零:kendo.toString(-.01,'\\$0;-\\$0')//-$0请注意,这与此问题类似:http://www.telerik.com/forums/issue-rounding-to-zero---getting-negative-zero,但是这个问题是针对内置n2格式的,而我们的问题是针对条件格式的。请注意,在C#/.NET中

javascript - Kendo 格式字符串将文字 '?' 放在错误的位置

我们允许用户指定自定义符号作为他们在我们软件中看到的数字格式的一部分。我们正在使用Kendo的格式化功能将这些符号合并为我们的格式字符串的一部分。例如,我们可能有这样的格式字符串:varformat="\\$0.00\\/\\h\\r;(\\$0.00\\/\\h\\r)";kendo.toString(-1.7,format);//($1.70/hr)请注意使用反斜杠来转义格式字符串中的文字字符。这似乎工作得很好,除非使用?字符。这是一个例子:varformat="\\?\\x0";kendo.toString(100,format);//returns"x?100",butIwou

javascript - Chart.js 中的可滚动 x 轴

我想使用Chart.js库在我的网站上绘制图表,但我打算为图表提供大量数据(>1000)。但是,当我将数据提供给chart.js折线图时,图表无法滚动,但值被推到一起导致图表不可读。有没有办法让chart.js折线图在x轴上滚动? 最佳答案 我遇到了这个问题,并通过使用jquery为我的chartjsCanvas编辑父div的css来解决它。这不是一个非常可靠的解决方案,但确实使数据可读/可滚动。$("#parentDiv").css("width","1000px");$("#parentDiv").css("overflow",

javascript - Chart.js 使用 X 轴时间动态更新图表

我使用的是Chart.js版本2.7.1,当温度数据出现时,我会动态更新折线图。问题是这些线永远不会及时通过x轴的中间标记。每次我更新时,图表都会自动缩放x轴的右侧(最大时间)以使其更远,因此我的数据永远不会接近图表的右侧。我想要的是让这条线接近右侧,每次更新时,x轴的future只有一小段时间。我怎样才能做到这一点?这是我配置图表的方式:varctx=document.getElementById('tempChart').getContext('2d');ctx.canvas.width=320;ctx.canvas.height=240;varchart=newChart(ctx