草庐IT

条形图

全部标签

javascript - 如何在 chartjs 中向树形图添加更多填充?

对于某些工具,我们使用来自echartjs的树形图。一切正常,但我有一个问题,那就是树形图中填充的大小。正如您在这张图片中看到的,一切都很好,但我无法为此图表启用更多填充:我想要这张图表用于我的friend网站(امروزچندمه)这是我的代码:myChart.showLoading();$.get('data/asset/data/flare.json',function(data){myChart.hideLoading();echarts.util.each(data.children,function(datum,index){index%2===0&&(datum.coll

javascript - 使用条形码阅读器防止在 Chrome 中打开下载窗口

我的网站(MVC3、C#)和条形码阅读器有这个问题。在我的表格中,我有这样的东西:并且输入由条形码阅读器填充,并自动提交使用ajax的表单,用id=list填充div。我的问题是,对于chrome和ie,提交文本后,chrome中会出现下载窗口,ie中会出现收藏夹窗口。我想那是因为条形码阅读器在文本中插入了[CR][LF]并打开了那些窗口。我认为条形码阅读器在某个时刻插入了一个ctrl-j,因为该组合打开了chrome中的下载窗口和ie中的收藏夹,但是对于firefox,下载窗口没有打开(并且也是ctrl-j)。我不想告诉我的客户配置条形码阅读器以便我的页面正常工作,所以我想要一个ja

javascript - 在 Chart.js 中格式化条形图 Y 轴标签

我在这里查看了文档和类似问题,但我似乎没有找到解决我的问题的有效方法。我使用的是Chart.jsv.2.1.6,我有一个条形图,其中百分比值存储为数字(已乘以100)。我需要y轴标签和工具提示来在值后显示%符号。有人可以阐明这件事吗?这是我的代码:vardata={"labels":["Label1","Label2","Label3","Label4","Label5"],"datasets":[{"label":"Variation","data":["56","-82.3","25.7","32.2","49.99"],"borderWidth":1,"backgroundCol

javascript - 如何为极值打破 highchart 条形图

在highcharts中,如果有两个系列,第一个系列的值为20,0000,第二个系列的值为20,则第二个系列变得非常小,几乎看不见。是否可以打破第一个栏以便第二个系列可见?下面是所需的输出... 最佳答案 目前还没有办法做到这一点。查看HighCharts用户心声here. 关于javascript-如何为极值打破highchart条形图,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questio

javascript - 并排的 jQuery flot 多条形图

我使用带有类别插件的jQueryplot来创建图表。我想用这段代码为每个月并排绘制两个条形图:$.plot(".chart",[{label:"NeueMitglieder",data:data,order:1},{label:"FälligeKündigungen",data:data2,order:2}],{series:{bars:{show:true,barWidth:0.5,align:"center",}},xaxis:{mode:"categories",ticks:[[0,"Jan"],[1,"Feb"],[2,"Mär"],[3,"Apr"],[4,"Mai"],[5

javascript - Chart.js - 绘制带有多个标签的条形图

我正在尝试使用使用多个标签的chart.js绘制条形图,以便我可以操作它们。我已经设法用折线图来完成它,并尝试扩展我在那里所做的但没有运气。我收到此错误。是什么原因造成的?"UncaughtTypeError:Object.definePropertycalledonnon-object".问题出在数据的某处:{}因为当我将数据作为一个简单的2索引数组时它工作正常。编辑:单步执行dataset=null时;varcom_passed=rows[rows.length-2]["#CommonPassed"];varcom_failed=rows[rows.length-2]["#Comm

vue3 | HighCharts实战自定义封装之径向条形图

1.前言目前正在做vue3的数据可视化项目,vue3的组合式api写法十分方便,可以有各种玩法,有兴趣的同学可以看我个人主页的其他文章。难点是在网上找了一圈的有关径向条形图的示例都没有好的解决方案,决心亲自下手,在其中有一些试错,所以总结出来了一套方法,如何引入Highcharts,以及如何从0开始使用径向条形图,知识点包括:vue引入和配置Highcharts封装径向条形图的组件:RadialBar.vue,使用数据驱动页面径向条形图上的点击事件,获取参数,调用接口进行详情查看目录1.前言2.先来看效果图3.步骤详解3.1vue3安装highcharts3.2如何使用,如何按需引入4.封装R

javascript - 如何像 Github 那样制作 52 周的参与条形图?

我正在尝试制作类似于Github的条形图,用于显示有多少提交或有多少人正在查看存储库,例如https://github.com/popular/watched.有谁知道他们用什么库制作的?更新如果可能,我想重新打开这个问题。重新调查这个问题,下面的解决方案虽然本身很棒,但对于我正在寻找的东西来说似乎有点过于复杂。我已经改用这个很好的Nettuts教程,它绘制了一个条形图,但我无法调整它来绘制多个条形图。http://net.tutsplus.com/tutorials/javascript-ajax/fun-with-canvas-create-a-jquery-graph-plugi

javascript - 单击 D3 更新数据集并重绘条形图

我是d3和javascript的新手,我在更新数据集和重绘条形图时遇到问题。这是我到目前为止一直在看的代码。http://jsfiddle.net/TwEhT/2/我有一个clickEvent函数,它会在单击任何栏时触发。此函数提示输入一个值。functionclickEvent(){varop=prompt("Pleaseenterthevalue","");};我需要做的是更新点击索引处的数据集,并重新绘制矩形,以便它们反射(reflect)对数据集的更改。如有任何帮助,我们将不胜感激。谢谢。 最佳答案 举一个非常简单的例子,您

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