草庐IT

kendo-chart

全部标签

javascript - kendo ui 工具提示在网格内的定位问题

我对网格单元格内的kendoui工具提示有疑问。在网格中,我显示了一个简单的文档文件夹。每行列出一个文件。在第一列中,我有一个小的预览图标和一个图像或文件的下载链接。如果我将鼠标悬停在图像上,则会调用工具提示。例子:"title=""data-url="">"border="0"alt=""/>工具提示插入如下:#=target.data('title')#$("#grid").kendoTooltip({filter:"a.has_preview",content:kendo.template($("#template").html()),position:"top"});问题是:如

javascript - chart.js 在折线图上切换 x/y 轴

假设我有一个这样的折线图:https://jsfiddle.net/13fyhL4j/HTML:JS:varctx=document.getElementById("myChart");varyLabels=[0,2,3,6,7];varxLabels=['A','B','C','D','E'];varmyChart=newChart(ctx,{type:'line',data:{labels:xLabels,datasets:[{type:'line',label:'Line',data:yLabels,fill:false,}]},options:{scales:{xAxes:[{

javascript - Chart.js 工具提示未显示

我正在尝试向我的图表添加工具提示,选项正在正确加载,但是工具提示没有显示,有什么想法吗?varlineChartData={labels:["January","February","March","April","May","June","July"],datasets:[{fillColor:"rgba(139,157,195,1)",strokeColor:"#4c66a4",pointColor:"#fff",pointStrokeColor:"#3b5998",pointHighlightFill:"#fff",data:[{{implode(',',$fanCounts)}

javascript - 从 JS 文件将 Chart.js 折线图添加到 Jinja2/Flask html 页面

我在一个显示Chart.js折线图的简单Bootstraphtml文件中有以下代码。包含图表设置的js文件如下所示:$(window).on("load",function(){varctx=$("#line-chart");varchartOptions={responsive:true,maintainAspectRatio:false,legend:{position:'bottom',},hover:{mode:'label'},scales:{xAxes:[{display:true,gridLines:{color:"#f3f3f3",drawTicks:false,},s

javascript - 为 Google Charts Api 编写自定义格式化程序

我想创建一个图表来显示我跑完10k的时间。一切正常,我唯一的问题是我想格式化时间的显示方式。目前时间显示为代表秒数的数字。例如,30分钟的运行会减少到10800秒。google提供的格式化程序确实涵盖了很多内容,但我对他们提供的内容并不满意。http://code.google.com/apis/chart/interactive/docs/reference.html#formatters遗憾的是,没有关于如何实现您自己的格式化程序的信息。我是否有机会扩展格式化程序或是否有需要实现的接口(interface)?我要做的第一件事是将数字10800解析为一个不错的时间,例如30:00.0

javascript - 在 cluetip 中使用 google charts api 并通过 ajax 显示内容

我有一个jsp页面,它使用googlechartsapi以条形图的形式显示数据。Here是它的代码。我想在工具提示中显示此页面(cluetip)。当我直接在浏览器中打开该页面时,我的GoogleChart代码运行良好。但是当我尝试通过ajax在工具提示中显示它时,工具提示中没有绘制图表。工具提示是空白的。我怀疑是因为在条形图jsp页面中导入了外部javascript。这是否违反了同源政策?我说得对吗?有什么办法让它发挥作用吗?编辑#1GoogleChrome开发人员控制台仅显示发送到网页(使用GoogleChart)的请求,但没有向该页面中导入的外部javascript发送请求(上面显

javascript - MVC Kendo 网格自定义过滤器

基本上,我正在寻找这个演示的MVC版本:http://demos.telerik.com/kendo-ui/grid/filter-menu-customization这是我目前拥有的:.Columns(columns=>{columns.Bound(e=>e.ID).Hidden();columns.Bound(e=>e.SearchFunctionCode).Hidden();columns.Bound(e=>e.SearchFunctionDesc).Title("SearchFunction").Filterable(***WHATGOESHERE?***).HtmlAttri

javascript - preventDefault() 在 Kendo 网格的自定义点击处理程序中不起作用

我已经为Kendo网格的“添加新记录”按钮添加了自定义点击处理程序,但JavaScript的preventDefault()函数似乎对其不起作用。$('.k-header').on('click','.k-grid-add',function(e){e.preventDefault();e.stopPropagation();//dosomethingelse});除了在网格中添加新行,我希望“添加新记录”按钮能做些别的事情。完整代码示例:JSFIDDLE 最佳答案 这行得通$('.k-grid-add').click(functi

javascript - 具有 100% 不透明度颜色的 angular-chart.js 条形图

2017年6月2日更新:我们解决了问题,但不是根据此处的答案。如果我找到了,我会尝试添加我们现有的解决方案。我们还切换到使用d3的angular-nvd3。编辑1:在选项中添加了backgroundColor,仍然不起作用。不确定我是否将其放在正确的位置。使用示例here.如何让颜色填充100%?JS:$scope.labels=['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'];$scope.type='StackedBar';$scope.series=['2015','2016'];//

javascript - D3 : How to handle zooming and tooltips in a single chart?

我有一个可视化效果,它本质上是一系列堆叠条形图,每个条形图都包含几个面板。例如,here是三个这样的条形图,每个都有四个面板。我已经设法实现了跨图表协调的平移/缩放功能。This例如,如果我从最后一张图像放大到第三个面板,它会是什么样子。从放置在每个图表上的不可见矩形调用缩放行为。我的问题是我想根据用户光标在绘图中的位置启用工具提示功能。然而,由于缩放矩形位于图表的顶部,因此实际图表本身中的任何SVG元素都没有注册任何鼠标事件。有人知道解决这个问题的方法吗? 最佳答案 我正在关注MikeBostock'sexample,就像你在我的