问题标签 [radhtmlchart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1923 浏览

c# - RadHtmlChart 不显示来自数据表源的数据

这确实是一个我想展示的简单条形图。

这是我的图表:

这是我的数据绑定调用

我确保我的图表有数据;

这真的很令人沮丧,我让我尖叫。无论我做什么,我都无法让图表显示除此之外的任何内容:一件事是我正在做一个简单的 asp 按钮 onbutton 单击以执行数据绑定。我希望我的 x 轴是月/年,y 是计数。谢谢!

谢谢!

我的图表

0 投票
1 回答
3108 浏览

javascript - 防止 Svg 文本重叠

我有一个 Telerik RadHtmlChart,它为图表生成一些 svg。

http://jsfiddle.net/L8Gcg/3/

该图当前如下所示:

在此处输入图像描述

每个圆圈都有一个与之关联的标签。不幸的是,它们往往会聚在一起并相互重叠。

我想用javascript向上/向下移动文本元素,这样它们就不会全部重叠,但我不确定最好的方法。

我写了一些代码来循环遍历<text>svg 元素,但被卡在重叠检测/移动部分。

有没有办法很好地做到这一点?

0 投票
1 回答
463 浏览

asp.net - 导出 Radgrid 包含图表

我正在尝试将 RadGrid 导出为 pdf(或 excel)。我的 RadGrid 也包含 RadHtmlGridCharts。我想以任何格式(图像、图表或其他)使用 RadGrid 导出它们,但我得到的只是一个带有文本的表格,而不是图表。

这是 ASPX 代码:

后面的代码:

0 投票
1 回答
691 浏览

c# - SVG Renderer 抛出颜色混合对象对 Telerik radhtmlchart 无效

我意识到这是一个非常具体的问题,但我对 SVG 和 Telerik 的了解有限,所以就这样吧。

我正在尝试将 RadHtmlChart 转换为 C# 中的图像。首先要获得图表的 svg,我使用内置的 Telerik 函数。

var chartRendering = $find("<%=BarChart.ClientID %>").getSVGString();

在服务器上拥有该字符串后,我会尝试将其转换为表示图像的内存流。为此,我正在使用https://github.com/vvvv/SVG

最后一行是代码中断并给出错误的地方:设置的ColorBlend 对象无效。位置的最后一个元素必须等于 1.0。ColorBlend 对象必须使用相同数量的位置和颜色值来构造。位置必须介于 0.0 和 1.0 之间,1.0 表示数组中的最后一个元素。

奇怪的是,这只发生在某些图表上而不是其他图表上。我注意到在一个特定的图表上,如果图表有 10 个或更多的 x 值,那就没问题了。但如果值少于 10 个,则它会中断。我也尝试过使用临时文件将 svg 和图像存储到相同的结果中。

我的想法已经用完了,所以有人有建议吗?也许另一种从 svg 到 c# 中的图像的方法。我看过inkscape,但我不能使用它,因为它需要在服务器上安装为.exe。

编辑:我找到了使用 javascript 的可能解决方案。对我不起作用,因为它使用 HTML5 的 canvas 元素,我需要它在 IE8 中工作,但以防其他人偶然发现。 在浏览器中将 SVG 转换为图像(JPEG、PNG 等)

解决方案:我决定为所有支持 HTML5 的浏览器和 IE8 的 inkscape 方法实现上面显示的 javascript 方法。

0 投票
1 回答
2149 浏览

c# - Telerik RadHtmlChart 按列值分组系列

我正在制作一个非常简单的投票应用程序。用户用值“是”或“否”给某个数字发短信,结果通过 AJAX 在投影仪上实时显示。有五个不同的项目可供投票(全部是或否)。

现在我有一个 SQL 视图,它返回[poll_name, vote_value, value_count]vote_value 是“是”还是“否”的地方。

使用 RadHtmlChart,我正在尝试显示一个堆叠的 BarChart,每个条形图都有一个条形图poll_name,红色条形表示没有投票,蓝色条形表示赞成票。我尝试更改BarChart 示例中的代码并将其与SqlDataSource 示例合并:

不幸的是,我最终得到了我想要的两倍多的条:每个“是”和“否” poll_name,它们都是相同的颜色(显然),并且它们没有堆叠。理想情况下,我可以告诉它BarSeries为 (ie, group by) 的每个值创建一个新值vote_value

我应该如何处理数据或更改我的标记来解决这个问题?将来我希望允许任意数量的响应,所以我不愿意将我的查询更改为仅具有“yes_count”和“no_count”列,但与此同时我可能不得不这样做。

0 投票
1 回答
1607 浏览

telerik - 如何在 Telerik RadHtmlChart 的 Tooltip ClientTemplate 中格式化日期?

使用 ASP.NET AJAX RadHtmlChart 功能的 UI,在柱形图中,我试图在工具提示的 ClientTemplate 中格式化日期,但我似乎无法弄清楚。

在 Y 轴上我有美元金额,在 X 轴上我有一天中的 24 小时(12am、1am、2am、... 11pm)。X 轴标签使用以下内容可以正常工作:

不幸的是,当我使用以下工具提示模板时,X 轴值呈现为长格式日期,例如Tue Nov 11 2014 03:00:00 GMT-0600 (Central Standard Time)而不是3AM

如何让 #=category= 像这样格式化我的日期:4PM

0 投票
1 回答
920 浏览

c# - 设置 ColorField 不会更改 Telerik UI for ASP.NET AJAX 中 ScatterLineSeries 的颜色

我正在尝试使 ScatterLineSeries 显示为所需的颜色,但它们从未设置为正确的颜色,而 Telerik 总是使用其默认颜色来绘制标记和线条。我用两种风格重写了我的代码,但都没有改变颜色。数据和标签按预期显示,只是颜色未设置为所需颜色。

我的代码在这里:

这是图表的屏幕截图,其中出现了错误的颜色:

即使设置了 ColorField,Telerik 图表的颜色也错误

任何想法将不胜感激。我到处寻找解决方案,我再次重写了以前的代码,以便直接在 .aspx 页面上设置色域,但它仍然没有做任何事情。

0 投票
2 回答
1656 浏览

telerik - 响应式 Telerik RadHtmlChart

我正在使用 Telerik RadHtml 图表,我需要根据屏幕分辨率绘制自动大小的图表。我试图将宽度和高度设置为自动,但这不起作用。我的图表在数据列表中包含我下面的代码块

0 投票
1 回答
64 浏览

vb.net - 如何以编程方式更改 scatterlineseries 的可见性?

我正在使用 Telerik RadHtmlChart,特别是散点线图,并且遇到了更改代码隐藏中系列的可见性的问题。我想访问某些系列并将它们的可见性变为 false。我知道 Telerik 最近实现了这个控件,或者类似的东西,但是我找不到关于如何实现这个的文档。

任何帮助将不胜感激!

0 投票
0 回答
1177 浏览

asp.net - 如何将 RadHtmlChart 导出为 PDF

我正在尝试在打印时更改 RadHtmlChart 的方向。这是我正在使用的代码,基本上,它获取图表的图像并将其放在另一个窗口中进行打印。它正在工作,但我需要将方向更改为横向,而用户无需更改其设置。我读到使用 JavaScript 和 CSS 已经不可能了,另一种方法是导出为 PDF。

我已经关注了如何在 Telerik 中执行此操作的演示,但我收到了一个 JavaScript 错误:

我在 Telerik 上查找了此错误,并找到了有关一般故障排除的文档。我按照指示(将 Telerik 的 DLL 版本输入 Telerik.Web.UI.axd 处理程序),这导致找不到我的程序组件(RadGrid 等)。

是否有将 RadHtmlChart 导出为 PDF 的替代方法?实际上,图表甚至不必导出为 PDF,我只需要一种以横向打印表单的方法,而无需用户选择方向。

谁能帮我?

编辑

我能够更正 $telerik 错误并导出 PDF 文件,但它已损坏并且没有显示任何数据。我无法找到解决这个特定问题的方法,但我找到了另一种导出适合我需要的 RadHtmlChart 的方法。我将在下面为遇到这些问题的任何人发布我的代码。注意:此解决方案使用 Telerik 组件,并且必须包装在 RadCodeBlock 中。我想导出“divChart”中的所有内容,并且必须使用“#divChart”而不是“.divChart”。

下一部分进入您的主要内容。我把它直接放在包含我的内容的 div 标签下面。注意:如果不设置高度/宽度,图像会失真和变小!

这将进入页面加载事件中的代码后面。

现在,图表或我相信的任何其他 Telerik 组件都将导出为图像,并且在打印时处于横向!

编辑 2

此解决方案仅适用于现代浏览器!我在 IE10 上对此进行了测试,它还输出了正确格式的图像。