草庐IT

r-highcharter

全部标签

javascript - 试图让 highchart 示例在本地机器上工作

我是highcharts/jquery的新手,我试图将html和js复制到我本地驱动器上的两个文件中,看看我是否可以让它在我的浏览器中呈现。我的基本问题是如何使用jfiddle中highcharts提供的示例代码之一并让它在我的本地机器上运行?来自highcharts.com的示例代码在此处的jfiddle中运行:http://jsfiddle.net/m3MVk/$(function(){varchart;$(document).ready(function(){chart=newHighcharts.Chart({chart:{renderTo:'container',type:'

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

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

javascript - Highcharts - 仅在直接悬停在点上时显示工具提示

highcharts的默认体验似乎是离光标最近的点(水平方向)处于悬停状态。这意味着当您到达线中下一个点的一半以上时,将触发工具提示。当我将鼠标直接悬停在一个点上时,我希望有一个工具提示触发器,然后保持事件状态,直到我将鼠标直接悬停在另一个点上。这是问题的一个fiddle,下面有相应的代码:http://jsfiddle.net/qNLu2/$(function(){$('#container').highcharts({chart:{},xAxis:{categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','

javascript - IE < 9 + HighCharts 不渲染系列

您好,我在IEInternetexplorerHighChartsscreenshotHighChartsworksfineinotherbrowsersscreenshot如您所见,该图表是在IE和Chrome中呈现的,但是..线条仅在Chrome中呈现,数据也必须存在于IE中,因为存在图例框(最佳出价、资格值...)代码(顺便说一句,它是erb模板,所以我从Rails加载数据):"usestrict";varchart;//assigndataforcurrentandqualificationvaluesvarqualificationTranslation="";varcurr

javascript - 侧面的 Highcharts X 轴标签

我使用的是Highcharts,过去我可以在旁边添加标签。但它现在不起作用,我错过了什么吗?红色箭头是我想要标签的地方,如下例所示。http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-basic/这是我正在使用的代码,我以动态方式添加系列。credits:{enabled:false},chart:{type:'bar'},xAxis:{categories:['Jan','Feb'],labels:{enabl

javascript - Highcharts:如何设置数据分组

我有一个包含大量数据的highstock图表,我能够定义如何对数据进行分组,但我希望用户指定要使用的数据分组并在日、周、月等之间动态更改。那么是否有可能有一个按钮,用户可以通过该按钮更改数据的分组方式,如果可以,如何更改?有许多未记录的功能,例如currentDataGrouping,但没有设置数据分组...我可以通过任何方式看到...series:[{type:'column',name:title,data:data,dataGrouping:{units:[['week',[1]],['month',[1]]]}}] 最佳答案

javascript - highcharts pie-basic 百分比的错误

我正在使用具有以下值的演示pie-basic(Fiddle)代码:series:[{type:'pie',name:'Browsershare',data:[['Firefox',34],['IE',33],['Safari',26],['Opera',7],]}]问题是它显示为7.000000000000001%而不是7%。如何显示舍入值? 最佳答案 好吧,我不能告诉你如何首先防止浮点错误的发生,但我可以告诉你如何对用户隐藏它。您可以在formatter函数中简单地使用Math.round(),如下所示:formatter:fun

javascript - 箱线图中的 Highcharts : Display the labels (min, 最大值、中值等)

我使用highcharts创建了一个基本的箱形图,当我将鼠标悬停在箱形图上时,它会显示最大值、最大四分位数、中位数、最小四分位数和最小值。我想以某种方式在每一行旁边的图中显示这些值。我检查了api,发现“dataLabel”会有所帮助,但箱线图不支持它。有人可以启发我如何实现这一目标吗?谢谢。 最佳答案 开箱即用是不可能的,但正如SteveGu所提到的那样,可以通过分散实现。您甚至可以忽略格式化程序并完全禁用标记:{series:[{type:'scatter',tooltip:{enabled:false},dataLabels:

javascript - 如何在 HighChart 中设置每月的 PointIntervals

我使用HighCharts绘制了每月创建的用户数量。我设法在x轴上显示月份,并按如下方式设置pointIntervalpointInterval:24*3600*1000*31但这是盲目给出的,它不会正确绘制点。我需要在每个月的第一天绘制点。但上述间隔有助于按月而不是在每月的第一天绑定(bind)点数。这example描述我的问题。工具提示给出了清晰的想法。这是我的代码series:[{type:'area',name:'CDPCreated',pointInterval:24*3600*1000*31,pointStart:Date.UTC(2005,0,01),dataGroupi

javascript - 使用 Highcharts 渲染器设置笔画宽度动画

我正在使用HighchartsSVG渲染API(渲染器)绘制自定义图表,我想为rect的stroke-width属性设置动画。HereisHighcharts文档中提供的示例,但它似乎无法正常工作-除了stroke-width之外的所有属性都已更改。如果我在ChromeDevTools中打开HTML,我可以看到类似这样的内容:笔划宽度使用驼峰式名称设置,而不是破折号式名称。可能有一些解决方法? 最佳答案 是的,有一个解决方法。您可以使用jQuery的attr()函数来实现这一点。当您单击矩形时,您会更改stroke-width属性。