草庐IT

$修复工具包

全部标签

javascript - 如何修复带有长标签的 Chart.js 中的条形图

我在我的应用程序中使用Chart.js(版本:2.7.2),结果行中的一些标签相当长varbarCanvas=document.getElementById("canvasVoteNames");varctx=barCanvas.getContext('2d');varnumberWithCommas=function(x){returnx.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",");};varself=this;varmyChart=newChart(ctx,{//stackedbarreporthttps://jsfiddle.n

javascript - 使用 d3.js 向饼图添加工具提示

我正在踏上学习使用d3.js可视化数据的旅程,到目前为止,我发现ScottMurray的“交互式数据可视化”非常有帮助。我正在阅读本书第11章中的一些示例代码,想知道如何将工具提示添加到饼图(书中已经使用条形图描述了此过程)。无论如何,过去几个小时一直在修改代码,想看看是否有人可以帮我解决这个问题:D3:Pielayouttext{font-family:sans-serif;font-size:12px;fill:white;}#tooltip{position:absolute;width:200px;height:auto;padding:10px;background-colo

javascript - 如何在 Chart.js 中显示工具提示?

按照教程,此代码绘制折线图,​​但没有工具提示。我在这里缺少一些配置选项吗?在教程中会显示工具提示。varchartData={labels:["January","February","March","April","May","June","July"],datasets:[{label:"MySeconddataset",fillColor:"rgba(151,187,205,0.2)",strokeColor:"rgba(151,187,205,1)",pointColor:"rgba(151,187,205,1)",pointStrokeColor:"#fff",pointH

javascript - Google 可视化图表 API 示例已损坏,如何修复?

查看此页面,例如:https://developers.google.com/chart/interactive/docs/quick_start根据浏览器,我们会看到以下错误之一:UncaughtReferenceError:Hhisnotdefined(在Chrome中)TypeError:chart.draw不是函数(在Firefox中)从文档链接的JSFiddle示例和手动使用图表的尝试失败并出现相同的诊断。有什么办法可以解决这个问题吗? 最佳答案 好像是abadrelease(v44)。在修复之前,解决方法是显式指定要加载

javascript - 在 TinyMCE 中初始化后修改工具栏的正确方法

我正在使用javascript扩展云托管的LMS。因此,我们可以在页面中添加javascript,但不能修改不同组件的vendorjavascript。LMS经常使用tinyMCE。目标是在每个tinyMCE编辑器的工具栏上添加一个新按钮。问题在于,由于tinyMCE模块是在vendor不可修改的代码中初始化的,我们无法修改init()调用。因此,我们不能向init()对象的“toolbar”属性添加任何文本。所以我以一种适度的hacky方式完成了这个:tinyMCE.on('AddEditor',function(e){e.editor.on('init',function(){ti

javascript - Highcharts - 在鼠标位置绘制十字准线/工具提示而不是捕捉到数据点

Here(seethisjsfiddle)您可以看到二维十字准线正在捕捉到最接近它的数据点。您如何使十字线和工具提示与图表上的当前鼠标位置相对应?tooltip:{crosshairs:[true,true]} 最佳答案 jsFiddleSolution我最终绑定(bind)了自己的mousemove事件,以获得图表中不断变化的鼠标位置以获取十字准线。对于我刚刚使用的工具提示:tooltip:{shared:true,followPointer:true},这应该足以让您继续前进。 关于

javascript - 在 Bootstrap 工具提示中显示欧芹错误

我正在使用parsley2.0.0-rc5并希望在Bootstrap工具提示中显示错误消息。我正在使用“parsley:field:error”,但事件在错误显示在错误容器中之前触发,我无法识别错误。有人知道我如何获得每个字段的错误消息吗?$.listen('parsley:field:error',function(e){dataParsleyId=e.$element.attr('data-parsley-id');errorMsg='Error:'+$('#parsley-id-'+dataParsleyId).text();e.$element.attr('data-origi

javascript - Highcharts + Plotband 工具提示悬停 + 默认样式

我正在尝试找到当您将鼠标悬停在绘图带上时显示工具提示的最简单方法。事件部分很好,我可以访问鼠标悬停和鼠标悬停,但我需要找到一种方法来显示工具提示,其样式与Highcharts的默认外观和感觉相同。这是一个quickexample.我需要文本“悬停在工具提示中显示我”以根据鼠标坐标显示为与Highcharts默认样式相同的工具提示?我看过docs找不到任何帮助。有什么想法吗?提前致谢。 最佳答案 我根据Gregs的回答制作了另一个变体,但用于情节线,因为那是我需要的。我想它也可以很容易地转换为plotBands。此变体也适用于事件,但

Javascript Chart.js 缩放修复

我有一个关于Chart.js的简单问题,我想知道如何修复我的图表。我使用Chart.js和respChartJS(https://github.com/arifLogic/respChartJS)演示:http://jsfiddle.net/k3YH7/1/vardata={labels:["Something#1","Something#2","Something#3"],datasets:[{fillColor:"rgba(224,34,34,0.5)",strokeColor:"#830505",data:[1500,1500,1500]}]}respChart($("#char

javascript - 如何在 ChartJS 中使用溢出滚动修复图表图例宽度-高度

我想为我的元素创建饼图,所以我正在使用ChartJS,但是chartJS存在一些问题,如果我使用10到20个数据字段,那么时间图表看起来不错,但是当我我在一个图表中应用了50到60个以上的数据字段,所以图表看起来比图例小,如果有时数据字段比隐藏的图表多,你只能看到图例,图表就不见了。我想为该图例设置高度或宽度,如果有更多数据,也适用于滚动条。这是供您引用的fiddle链接https://jsfiddle.net/KDM1010/5um78rbk/varctx=document.getElementById("myChart").getContext('2d');varmyChart=n