草庐IT

r-highcharter

全部标签

Javascript Highcharts v3.0.5 - 使用多个 Y 轴时如何隐藏 Y 轴标题

使用Highcharts(v.3.0.5)时,我在同一个图表中显示了多个Y轴。使用图例,用户可以根据需要选择隐藏或显示任何Y轴。所有这些都内置于Highchartsjavascript库的功能中。但是,当隐藏Y轴时,其标题在图表中仍然可见。当Y轴的其余部分被隐藏时,我想隐藏它。令人惊讶的是,这已经不是默认行为了。有人知道怎么做吗?可以通过查看Highcharts示例页面上提供的示例来了解行为:http://www.highcharts.com/demo/combo-multi-axes例如,如果您隐藏“降雨量”轴,标题将在图表中保留为“降雨量”。我发现这篇帖子(几年前)提出了完全相同的

javascript - HighCharts 删除堆栈总数

我正在创建一个堆积条形图,就像thisone.请注意,每个堆栈的总数显示在顶部,我该如何禁用/隐藏它? 最佳答案 yAxis:{min:0,title:{text:'Totalfruitconsumption'},stackLabels:{enabled:false,style:{fontWeight:'bold',color:(Highcharts.theme&&Highcharts.theme.textColor)||'gray'}}},您需要像上面的示例一样将stackLabels设置为falsestackLabels:{en

javascript - 在 Highcharts 中动态附加 onload 或 redraw 事件函数

我需要在Highcharts中动态附加onload或redraw事件函数,我知道在配置步骤中进行,例如:$('#container').highcharts({chart:{events:{load:function(event){function1();function2();function3();},redraw:function(event){functionA();functionB();functionC();}}},xAxis:{},series:[{data:[29.9,71.5]}]});但我需要在配置图表后执行此操作(因为我无权访问配置图表步骤,图表通过包装器进入我

javascript - Highcharts - 在鼠标位置绘制十字准线/工具提示而不是捕捉到数据点

Here(seethisjsfiddle)您可以看到二维十字准线正在捕捉到最接近它的数据点。您如何使十字线和工具提示与图表上的当前鼠标位置相对应?tooltip:{crosshairs:[true,true]} 最佳答案 jsFiddleSolution我最终绑定(bind)了自己的mousemove事件,以获得图表中不断变化的鼠标位置以获取十字准线。对于我刚刚使用的工具提示:tooltip:{shared:true,followPointer:true},这应该足以让您继续前进。 关于

javascript - 自定义 Highcharts 上下文菜单按钮出现在页面上的每个图表中

我有一个包含多个图表的页面,我需要能够将特定选项添加到每个图表的导出上下文菜单中。这是我正在使用的代码:myChart.options.exporting.buttons.contextButton.menuItems.push({text:"CustomOption",onclick:someFunction});不幸的是,这会为每个图表添加该选项,而不仅仅是myChart引用的图表。我希望能够添加一个选项并让它只出现在一个图表上。这是一个演示的fiddle:http://jsfiddle.net/4uP5y/2/谢谢! 最佳答案

javascript - 动态更新 Highcharts 图表上的副标题?

是否可以动态更新Highcharts图表的副标题?Inthedocs,我只能看到与初始配置选项相关的选项,而不是更新图表的方法。在我正在进行的更新中,我还更新了数据,如果可能的话,我希望highcharts更新成为平滑重绘的一部分,而不是重新呈现整个图表。$('#container').highcharts({subtitle:{text:'Thesubtitle'},...});//howtoupdateafterinitialconfig?JSFiddle:http://jsfiddle.net/7p5pscvs/ 最佳答案 v

javascript - Highstock/Highchart 无法设置单个点颜色

我正在处理Highstock,我正在尝试为Highstock中“数据”中的特定点设置颜色,例如example,但我无法让它工作,无论我如何设置颜色,它都不会显示在图表上。我已经尝试过使用HighchartAPI的选项,它有效,但不适用于Highstock。jsfiddlelink(whatIhavetried)是不是因为我用x,y来指定点?请帮忙。 最佳答案 如果您查看演示,您会发现使用color设置工具提示颜色而不是marker。要修复它,请改用标记fillColor,如下所示。data:[{x:1343862840000,y:4

javascript - 使用 Highcharts.js 创建打卡样式图

我想通过highcharts复制github上呈现的“打洞卡”样式图。我真的很纠结这个问题,这里是一个jsfiddle那开始让我到达那里。我宁愿在y上有几天,在x上有时间,但我不知道我应该如何去做这件事。感谢任何帮助。TIA! 最佳答案 我无法翻转轴但为您整理了很多东西。HTML:JS:varchart=newHighcharts.Chart({chart:{renderTo:'container',defaultSeriesType:'scatter'},xAxis:{categories:['Jan','Feb','Mar','

javascript - Highcharts + Plotband 工具提示悬停 + 默认样式

我正在尝试找到当您将鼠标悬停在绘图带上时显示工具提示的最简单方法。事件部分很好,我可以访问鼠标悬停和鼠标悬停,但我需要找到一种方法来显示工具提示,其样式与Highcharts的默认外观和感觉相同。这是一个quickexample.我需要文本“悬停在工具提示中显示我”以根据鼠标坐标显示为与Highcharts默认样式相同的工具提示?我看过docs找不到任何帮助。有什么想法吗?提前致谢。 最佳答案 我根据Gregs的回答制作了另一个变体,但用于情节线,因为那是我需要的。我想它也可以很容易地转换为plotBands。此变体也适用于事件,但

javascript - Highcharts:将可点击图像添加到每个 xAxis gridLine

我正在构建一些自定义功能,用户可以点击折线图中的数据点来为该日期添加注释。这有点误导,因为注释实际上并没有附加到指标本身,而是附加到它登陆的日期。换句话说,如果我在一个折线图上有6个系列,跨越日期01/01/12-01/08/12,则01/05/12上的单个注释将适用于所有6个系列。因此,正如您可以想象的那样,单击6个系列之一的数据点或日期01/05/12会误导用户认为此注释将应用于该数据点,而不是整个日期和任何系列在那个日期降落。因此,为了解决这个可用性问题,我决定最好的视觉提示应该是这样的:每个xAxisgridLine的顶部都会有一个可点击的图标,它需要随xAxisgridLin