Tag: highcharts

提高大量数据的高图表性能

我想获得更多的数据。 样本数据如下 1850/01 -0.845 -0.922 -0.748 -1.038 -0.652 -1.379 -0.311 -1.053 -0.636 -1.418 -0.272 1850/02 -0.043 -0.113 0.047 -0.244 0.159 -0.613 0.528 -0.260 0.177 -0.653 0.569 1850/03 -0.698 -0.794 -0.633 -0.891 -0.506 -1.123 -0.274 -0.910 -0.495 -1.174 -0.229 ………. 2016/12 0.795 0.746 0.828 0.756 0.834 0.586 1.005 0.731 0.848 0.575 1.010 2017/01 1.025 0.977 1.067 […]

高图异步钻取

我正在关注http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/drilldown/async/制作钻取图表的链接。 我无法理解如何设置drilldowns = {} （动态来自ajax调用）和series = drilldowns[e.point.name]; drilldowns = { ‘Animals’: { name: ‘Animals’, data: [ [‘Cows’, 2], [‘Sheep’, 3] ] }, ‘Fruits’: { name: ‘Fruits’, data: [ [‘Apples’, 5], [‘Oranges’, 7], [‘Bananas’, 2] ] }, ‘Cars’: { name: ‘Cars’, data: [ [‘Toyota’, 1], [‘Volkswagen’, 2], [‘Opel’, 5] ] } } 我试图搜索.addSeriesAsDrilldown(e.point, series) ; 请帮助我如何通过$ […]

Highcharts：在柱形图上显示特殊标记

我想在柱形图上放置标记。 确切地说，该图表是在板球比赛中每场得分的得分。 （截至目前的示例生成图： http ： //img839.imageshack.us/img839/6091/screenshot20111117at124.png ） 现在我真正想要的是显示在wicket落在哪个（类似于： http ： //upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Dudley_Nourse_Graph.png/350px-Dudley_Nourse_Graph.png ），列顶部的蓝点。 是否有可能在highcharts中实现这一点？ 我在这个图表中看到了一个这样的片段（这里描述的太阳像： http ： //www.highcharts.com/demo/spline-symbols ）。

Highcharts：添加自定义图像按钮

我想在highcharts上添加和图像按钮。 到目前为止，我已经成功创建了一个图像按钮，并在其上附加了一个点击事件。 但问题是，图像（sun.png）位于图表的左侧，图像按钮右对齐（工具栏的默认位置）。 对此有任何修复？ exporting: { buttons: { popUpBtn: { symbol: ‘url(images/sun.png)’, _titleKey: ‘popUpBtnTitle’, x: -10, symbolFill: ‘#B5C9DF’, hoverSymbolFill: ‘#779ABF’, onclick: function () { alert(‘ad’); popUpChart($(this)); } }, exportButton: { enabled: false }, printButton: { enabled: false } } } 此外，如果还有其他方法可以在图表中添加具有click事件的图像，那么这些方法也是受欢迎的。

Highcharts：“全部打印”按钮

是否可以为Highcharts创建“全部打印”按钮，其中打印的图表多了一个？ 我知道可以导出多个图表，如jFiddle： http ： //jsfiddle.net/highcharts/gd7bB/1/所示，但我不确定Highcharts是否允许使用类似的打印方法。

Highcharts多线图

这是我的小提琴 http://jsfiddle.net/a4UQf/ 码： $(function () { $(‘#container’).highcharts({ title: { text: ‘Monthly Average Temperature’, x: -20 //center }, subtitle: { text: ‘Source: WorldClimate.com’, x: -20 }, xAxis: { categories: [‘Jan’, ‘Feb’, ‘Mar’, ‘Apr’, ‘May’, ‘Jun’, ‘Jul’, ‘Aug’, ‘Sep’, ‘Oct’, ‘Nov’, ‘Dec’] }, yAxis: { title: { text: ‘Temperature (°C)’ }, plotLines: [{ value: 0, width: 1, […]

Highcharts JQuery – 改变每个点的颜色

我有一个显示可变信息的折线图（过去12个月每月的百分比数字） 我想根据我从Ajax调用php函数收到的结果来改变每个图的点颜色。 （参考绿线） 例如下面是我的图表： 我的图表 如果月份的数字> 98.5使点变为绿色，如果数字在96 – 98.5之间，则使点变为琥珀色，任何较低的点使点变为红色。 这可能吗？ 我尝试将一系列颜色返回到我的ajax方法并尝试：name：’Production Success Rate’，color：’responseJSON.colour，type：’line’，data：responseJSON.percent 返回的数组responseJSON.colour是hex代码数组。 然而，似乎颜色api不允许数组，因为它只用数组中的第一种颜色着色线（不幸的是） 有人可以帮忙吗？

如何在highcharts上创建链接以打开另一个图表的弹出窗口

我用highcharts创建图表。 我喜欢在图表中放置一个链接或按钮（可能是左上角），点击后，我想调用一个在弹出窗口中显示另一个图表的function。 基本上他们是如何在高清演示网站上做到的。 当在右上角的x上点亮时，返回到orintal图表。 我正在考虑放置一个subtile并向其发出click事件，如下所示： subtitle: { text: ‘by Server’, align: ‘left’ }, 我创建了一个像下面这样的小java脚本： $(‘node42’).observe(‘click’, function(event) { alert(‘my click handler’); }); 当点击node42链接时，它没有做任何事情，任何想法？

使用jquery中的click（）事件从表单更新Highchart

我有一个图表，我想在同一页面上提交表单时更新。 var chart = new Highcharts.Chart(options)表达式可以正常工作（它绘制图表）。 当我把它放在.click()事件的回调函数中时，当我单击相应的提交按钮时，更新的图表会在屏幕上闪烁一秒钟然后被删除并被原始图表替换。 我非常接近于做我需要做的事情，但我很难过。 谢谢你的帮助。 图书馆： 这是Javascript： $(function() { $(“#lines”).val(),colors: $(“#colors”).val(),}, var options = { chart : { renderTo : ‘container’, defaultSeriesType: ‘line’, zoomType: ‘xy’ }, title : { text : ‘Foo’ }, xAxis: { title: { text: ‘x label’ } }, yAxis: { title: { text: ‘y label’ } }, […]

使用按钮或链接文本在许多Highcharts之间切换

我原本想在我的网站上以并排的配置显示很多高图。 现在我已经尝试在网站上只包含一个高图，并让观众可以选择使用按钮在它们之间切换。 我是一个新手，所以我在这方面遇到了一些问题。 我一直试图使用以下小提琴： http ： //jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-setdata/ – >但是这个例子和我的设置之间存在一些差异，我遇到了麻烦。 我使用我在网上找到的一些JSON模板从数据库填充我的高图（因为有很多图表，我将所有代码保存在一个单独的data.php文件中）。 一切正常。 下面是我想要做的一个例子 – 我在下面的代码中插入了两个高图，但是还会有更多。 每个图表都有不同的工具提示和y轴选项等。所以我认为只改变数据本身是不行的。 $(‘chart1’).ready(function() { var options = { chart: { renderTo: ‘chart1’, type: ‘column’, marginTop: 40, marginBottom: 75 }, legend: { enabled: false }, title: { text: ‘Revenues’, x: 25 //center }, xAxis: { title: { text: ” }, categories: [] }, […]