问题标签 [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.
c# - RadHtmlChart 不显示来自数据表源的数据
这确实是一个我想展示的简单条形图。
这是我的图表:
这是我的数据绑定调用
我确保我的图表有数据;
这真的很令人沮丧,我让我尖叫。无论我做什么,我都无法让图表显示除此之外的任何内容:一件事是我正在做一个简单的 asp 按钮 onbutton 单击以执行数据绑定。我希望我的 x 轴是月/年,y 是计数。谢谢!
谢谢!
javascript - 防止 Svg 文本重叠
我有一个 Telerik RadHtmlChart,它为图表生成一些 svg。
该图当前如下所示:
每个圆圈都有一个与之关联的标签。不幸的是,它们往往会聚在一起并相互重叠。
我想用javascript向上/向下移动文本元素,这样它们就不会全部重叠,但我不确定最好的方法。
我写了一些代码来循环遍历<text>
svg 元素,但被卡在重叠检测/移动部分。
有没有办法很好地做到这一点?
asp.net - 导出 Radgrid 包含图表
我正在尝试将 RadGrid 导出为 pdf(或 excel)。我的 RadGrid 也包含 RadHtmlGridCharts。我想以任何格式(图像、图表或其他)使用 RadGrid 导出它们,但我得到的只是一个带有文本的表格,而不是图表。
这是 ASPX 代码:
后面的代码:
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 方法。
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”列,但与此同时我可能不得不这样做。
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?
c# - 设置 ColorField 不会更改 Telerik UI for ASP.NET AJAX 中 ScatterLineSeries 的颜色
我正在尝试使 ScatterLineSeries 显示为所需的颜色,但它们从未设置为正确的颜色,而 Telerik 总是使用其默认颜色来绘制标记和线条。我用两种风格重写了我的代码,但都没有改变颜色。数据和标签按预期显示,只是颜色未设置为所需颜色。
我的代码在这里:
这是图表的屏幕截图,其中出现了错误的颜色:
任何想法将不胜感激。我到处寻找解决方案,我再次重写了以前的代码,以便直接在 .aspx 页面上设置色域,但它仍然没有做任何事情。
telerik - 响应式 Telerik RadHtmlChart
我正在使用 Telerik RadHtml 图表,我需要根据屏幕分辨率绘制自动大小的图表。我试图将宽度和高度设置为自动,但这不起作用。我的图表在数据列表中包含我下面的代码块
vb.net - 如何以编程方式更改 scatterlineseries 的可见性?
我正在使用 Telerik RadHtmlChart,特别是散点线图,并且遇到了更改代码隐藏中系列的可见性的问题。我想访问某些系列并将它们的可见性变为 false。我知道 Telerik 最近实现了这个控件,或者类似的东西,但是我找不到关于如何实现这个的文档。
任何帮助将不胜感激!
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 上对此进行了测试,它还输出了正确格式的图像。