草庐IT

HighCharts

全部标签

javascript - Highcharts 中选定列的不同边框

我在我的应用程序中使用了highchart的柱形图。我有柱形图。当用户选择图表中的一列时,所选列应以不同的边框颜色和不同的宽度显示。这是代码片段$(function(){varchart=newHighcharts.Chart({chart:{renderTo:'container',type:'column'},xAxis:{categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']},plotOptions:{series:{allowPointSelect:true,ma

javascript - 带有 JSON 数据和多个系列的 Highcharts

我正在尝试呈现Highcharts折线图,但在页面加载时让系列显示时遇到了一些问题。Firebug没有显示任何错误,所以我猜测这是我的数据结构或数据传递给Highcharts的方式的问题。数据来自JSON文件,使用我从anothersite获得的方法加载变量...我的数据是每个月的数字y值,customTooltip是我想在悬停时显示的附加数据。$.getJSON("json/mydata.txt",function(jdata){vararr=[];$.each(jdata,function(key,val){vary=val.y;varname=key;varcustomToolt

javascript - 以编程方式为 Highcharts 散点图上的某个点触发点击事件

实际上,我的需求很小,其中有一个散点图,其中包含点列表和下拉列表。当我从下拉列表中选择一个项目时,应该触发其相应的数据点点击。当我在图表上选择一个数据点时,必须执行一些操作并且下拉列表应该根据选择进行更新。我们有什么办法可以做到这一点吗?我试过firePointClick,事件未定义,我希望事件与手动点击发生时我们得到的事件相同,还有其他方法吗?或任何改进 最佳答案 它不是API的一部分,但可以使用名为firePointEvent的内部API函数来完成:chart.series[0].data[0].firePointEvent('

javascript - Highcharts - 单击更改列堆叠

我有一个可爱的Highcharts图,其中包含堆叠的列。我想要一个可以切换堆叠是“正常”还是“百分比”的按钮。我正在尝试以下操作(不起作用):$('#button').click(function(){varchart=$('#container').highcharts();chart.options.plotOptions.column.stacking='percent';chart.redraw();});在这里fiddle:http://jsfiddle.net/CRKcj/2/如有任何帮助,我们将不胜感激! 最佳答案 不

javascript - Highcharts - 在不丢失默认选项的情况下添加额外的导出选项

我正在尝试向Highcharts图表添加导出到csv选项,但实际上并未删除所有默认选项(打印、PNG、JPG、PDF、SVG导出)。Highchartsaddexportascsv中提供的解决方案导致现有选项被吹走,尝试使用DotNet.Highcharts中的Exporting类也是如此。有办法实现吗?注意:我可以看到如何通过编辑exporting.js来实现我想要的,但这不是一个理想的方式:) 最佳答案 您可以在定义图表后立即将新项目添加到菜单:Highcharts.getOptions().exporting.buttons.

javascript - Highcharts 使用系列标签作为 x 轴类别

我有一个简单的1系列Highcharts条形图,我在其中使用json加载数据。在myfiddle为了简单起见,我只是将json数据定义为静态变量,但前提是相同的。json数据构成了所有系列属性的基础,包括名称和格式如下,这与我看到的许多示例一致:varjson=[{"name":"CurrencyAllocation","data":[["gbp",0.7053985],["usd",0.17856322],["eur",0.06901525],["chf",0.00135777],["jpy",0.00815169],["em_asia",0.02821377],["other",0

javascript - Highcharts 多 y 轴最小-最大问题

我有一个highcharts图,在y轴上有三个数据范围。两个货币金额和一个“生存概率”,这是一个百分比。我需要将百分比轴的范围限制在0-100%,但我所做的一切似乎都没有任何区别。有什么想法吗?这是fiddle:http://jsfiddle.net/moonspace/2jnrp/这是(部分)代码:jQuery('#chartContainer').highcharts({chart:{width:600,height:500},title:{text:''},credits:{enabled:false},xAxis:{categories:client_age_array,tit

javascript - Highcharts 多个系列的自定义工具提示

我正在构建一个最多可以包含5种不同类型的数据系列的图表。我将类似的系列放在一起,因此不同的系列会有3个不同的y轴。我遇到的问题是我无法将其中一个系列的工具提示更改为On或Off如果值为100或0.目前我使用的是共享工具提示,但每个数据系列都有自己的工具提示。5个中的4个仅在工具提示上使用前缀/后缀,例如%,amps,psig等不幸的是,我无法通过将工具提示更改为打开或关闭来使其工作。这是我试过的。dataSeries.push({name:currData['name'],type:'line',//Typeofvisualdisplaywidth:0.4,yAxis:currData

javascript - 未捕获的类型错误 : e. doDrilldown 不是函数 - Highcharts

我在我的React项目中使用了highcharts。我在我的模块中导入了highcharts。预期的行为是能够使用多个向下钻取实例。当向下钻取实际工作正常时,引发的异常e.doDrilldown不是函数。这发生在我的节点环境中,其中每个图都在自己的模块中,并且不知道其他图的存在。我尝试添加检查以查看是否已导入向下钻取。我尝试使用webpack来确保模块只加载一次。我目前在这样的一个文件中使用它importDrilldownfrom'highcharts/modules/drilldown';importHighchartsfrom'highcharts/highmaps.src.js'

javascript - 如何在 Highchart 中自定义工具提示?

我希望我的工具提示根据x轴显示时间范围。下图显示了我想要的。因此,如果有人知道我该怎么做,请告诉我或建议我。谢谢:)这是我的代码Highcharts.chart('container',{chart:{type:'areaspline'},title:{text:'Powerconsumption'},xAxis:{categories:['00:00','01:00','02:00','03:00','04:00','05:00','06:00','07:00','08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:0