草庐IT

图表库

全部标签

javascript - Highcharts:如何在创建图表后设置图例标签名称?

我需要动态更改图例标签,当我没有找到像chart.legend.setLabels()这样的方法时我很惊讶我试过了chart.legend.allItems[0].name='blabla'chart.legend.redraw()什么都没发生试图改变选项chart.options.legend.labels[0].name='blabla'chart.redraw()什么都没发生那么有没有办法改变图例标签名称呢? 最佳答案 你可以使用update()函数chart.legend.allItems[0].update({name:'

javascript - polymer 模板在多个图表上重复

我有一个有效的polymerhighcharts元素:Polymer("bar-chart",{ready:function(){varoptions={chart:{type:'bar',renderTo:this.$.container},title:{text:''},subtitle:{text:''},xAxis:{categories:[]},yAxis:{title:{text:''}},plotOptions:{bar:{dataLabels:{enabled:true}}},legend:{enabled:false},credits:{enabled:false},

javascript - 谷歌图表 API : Incorrect date being displayed

我有一个令我困惑的奇怪问题,但我相信这里有人会知道我做错了什么。我所有的日期都显示不正确(即6月显示为7月,7月显示为8月)我的代码在这里://LoadtheVisualizationAPIandthepiechartpackage.google.load('visualization','1.0',{'packages':['corechart']});//SetacallbacktorunwhentheGoogleVisualizationAPIisloaded.google.setOnLoadCallback(drawVisualization);//Callbackthatcr

javascript - 在工具提示上显示百分比谷歌图表

我想用百分比显示谷歌图表的比率。我知道如何将vAxis更改为百分比:vAxis:{format:'#%'},但问题是我的数据在工具提示中没有显示为百分比,而是以小数值显示(0.85而不是预期的85%)我的代码如下:google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(function(){})functiondrawChart(data){vardata=google.visualization.arrayToDataTable(data);varoptions={title

javascript - 删除同步图表中的工具提示,当用户离开图表区域时

我正在使用Highcharts的同步图表来演示统计数据。供引用:http://www.highcharts.com/demo/synchronized-charts.这里,第一次绘制图表时,没有选择任何数据点。当光标进入图表区域时,工具提示、十字准线和数据点会突出显示。它按预期工作。我需要修改的是,当用户从图表中出来时,图表应该看起来像在加载阶段。即如果光标不在任何图表上,则不应选择任何数据点。换句话说,数据点上的工具提示、十字线和突出显示的阴影应该被删除。在此先感谢您的任何帮助或建议。 最佳答案 使用mouseleave检测鼠标何

javascript - 在最小化浏览器窗口的同时重新调整 Kendo 图表的大小?

在我们的团队项目中,我们在这里使用KendoUI控件,同时最小化窗口图表大小而不是减小。如何在最大化/最小化浏览器窗口的同时增加/减小图表的大小。? 最佳答案 试试这个对我有用://ChartDataSourcevarexampleData=[{"FromDept":"ACT","ToDept":"NSW","Year":2010,"Total":101},{"FromDept":"ACT","ToDept":"NSW","Year":2011,"Total":1001},{"FromDept":"ACT","ToDept":"NS

javascript - 谷歌图表 : Pie Chart title position

我被分配去实现一些图表,老板要求我把图表的标题和图表分开,我试着把图表的区域从顶部移动一点,但是标题也跟着图表移动了,比如这个:我尝试使用:chartArea:{top:80},结果如屏幕截图所示。我确定要移动的属性只是标题,它是另一个,但我还找不到。顺便说一句,这是我的整个对象:varcolumnChartProps={fontName:'HelveticaNeueBC',legend:{position:'none'},titleTextStyle:{fontSize:18},hAxis:{color:'#121b2d'},vAxis:{gridlines:{color:'#666

javascript - 如何删除 google api 图表折线图中的注释刻度线?

我在googleapi的折线图中得到了这张图表。这里我试图在点上方显示点值。所以我正在使用注释。此处如何删除googleapi图表中点(23和2008、145和2009...)之间的注释刻度线。google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(drawChart);functiondrawChart(){vardata=newgoogle.visualization.DataTable();data.addColumn('string','Year');data.addC

javascript - 在运行时在 Highcharts 的图表中添加按钮

我需要添加一些自定义按钮(带有onclick事件),而不覆盖导出按钮的值,因为我想包含新按钮而不丢失之前在图表中定义的自定义按钮(我的图表已经定义了自定义按钮),所有这在运行时,在使用此对象的Highcharts图表中:$('container').highcharts()这可能吗? 最佳答案 您可以使用导出对象添加自定义按钮:exporting:{buttons:{customButton:{text:'CustomButton',onclick:function(){alert('Youpressedthebutton!');}

javascript - 如何将误差线添加到 nvd3.js 图表中的折线图

我最近遇到了看起来很棒的nv.d3js图形工具。我一切正常;然而.....我正在考虑将它们与用于呈现科学数据的html5幻灯片放映结合起来实现。因此,将误差线添加到折线图和条形图中的值会很棒。它会简单地为每个定义误差条高度的数据点分配一个值。我猜这可能很困难,但将其添加到脚本中将是一个很棒的功能。有什么建议吗?不幸的是我不是编码员 最佳答案 所以我为此创建了一个错误栏函数,数组中isError的值给出了每个点的错误栏的大小:varcharts;nv.addGraph(Bodyweight(this));//nv.addGraph(f