草庐IT

yui-charts

全部标签

javascript - Google Charts - 当值为零时不显示点

我正在使用Google图表显示一些时间序列数据,如下所示。通常,数据中零值的比例很高,因此您会在x轴上得到很多点。我认为这会使图表看起来很困惑,我不想显示y=0的点。非常感谢任何想法/指示。谢谢,链 最佳答案 最好的选择是使用null而不是0(会有缺失点)。然后您可以使用选项interpolateNulls来连接这些值。 关于javascript-GoogleCharts-当值为零时不显示点,我们在StackOverflow上找到一个类似的问题: https:

javascript - Google Chart API 中的数字类型不匹配

我有一个数组,第二列的值类似于2050.878456,在我的javascript函数中创建面积图,我做了以下内容functiondrawVisualization(){vardata=null;data=newgoogle.visualization.DataTable();data.addColumn('string','Date');data.addColumn('number','Value');data.addRows(myArrayCreated);//Createanddrawthevisualization.varac=newgoogle.visualization.Ar

javascript - Chart.js 上的悬停模式

当您没有悬停在折线图中的特定“点”上时,是否可以激活悬停?我希望每当我将鼠标悬停在图表的任何部分时,特定的工具提示都会被激活。编辑:像这样的东西http://watchstocks.herokuapp.com/ 最佳答案 是的,您可以使用chart.js配置工具提示以获得与您引用的图表类似的行为。有关更多信息,请查看mode工具提示配置选项和hover满足您需求的配置选项。这是一个例子。options:{responsive:true,title:{display:true,text:'Chart.jsLineChart'},too

javascript - 如何在 chart.js 圆环图中使用两个数据集?

关于chart.jswebsite,如果你点击图表下方的“添加数据集”按钮,你会得到一个donut里面的donut。这是它的截图:这就是我想要的,但即使我查看了源代码,我也不知道如何添加第二个数据集...所以我猜了(下面的第8行)。我的猜测是错误的,如果删除第8行,我会得到一个只有一个环的donut。这是我试过的代码片段:varctxb=$('#OR-County-chart');vardata={labels:["BakerCounty","BentonCounty","ClackamasCounty","ClatsopCounty","ColumbiaCounty","CoosCo

javascript - Chart.js 使用日期创建折线图

我似乎无法让Chart.js处理日期。我尝试了很多不同的方法:letexamChart=document.getElementById("examChart").getContext("2d");letexamLineChart=newChart(examChart,{type:"line",data:[{t:newDate("2015-3-1513:3"),y:12},{t:newDate("2015-3-2513:2"),y:21},{t:newDate("2015-4-2514:12"),y:32}],options:{label:"placeholder"}});和:letex

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 - 如何在 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 - 包含多个 chart.js 图表到 pdf 的页面

我使用chart.js生成了一个包含多个图表的报告页面。我需要将此报告导出为PDF。通过搜索可以找到许多解决方案,但我找不到具有多个Canvas元素的解决方案。唯一可用的解决方案似乎是遍历所有图像,并使用图像重新创建报告,然后将其下载为pdf格式。有没有更简单/更有效的方法来完成这个?Chart1Chart2Chart3 最佳答案 老实说,最简单的方法似乎是只提供一个“下载到PDF”链接,该链接会弹出浏览器的打印页面并指示用户选择“打印为pdf”。如果该方法对您(或您的用户)不起作用,那么这里有一个粗略的方法。基本上,我们创建一个新

javascript - 说服我从 YUI 2 切换到 YUI 3

我一直在使用YUI库来开发网站。YUI3于9月发布。我仍然不确定是否必须为迁移做好准备。第三版比第二版有什么优势?您最近参与过这样的迁移吗? 最佳答案 我没有参与迁移,但我为YUI3库做出了贡献,而且我也知道有一个库条目允许YUI2中的任何类在YUI3中使用。我想主要优势YUI3的最大特点是能够按需加载您想要的内容。您包含1个javascript文件,然后使用以下行在yui中使用您想要的任何模块。YUI().use('dom',function(){//yourcodehere});这样做的好处是它加载了DOM模块,并且仅在该函数的

javascript - 如何使用chart js或其他库绘制甘特图

我想绘制如下所示的甘特图chartjs中没有绘制甘特图的选项。可能吗??如果不可能,请建议我一些图表库来绘制这样的图表 最佳答案 我建议您使用散点图。在散点图中,您可以绘制多条独立的线。如下图所示。[示例代码]varscatterChart=newChart(ctx1,{type:'line',data:{datasets:[{label:'ScatterDataset',backgroundColor:"rgba(246,156,85,1)",borderColor:"rgba(246,156,85,1)",fill:false,