Tag: highcharts

jQuery detach（）v / s remove（）v / s hide（）: 我在我的页面中使用高级图表。这有点沉重。当用户单击按钮时，它会动态加载高图，当用户单击close按钮时，它会删除/隐藏图表。我想知道哪一个会更好。用户点击时隐藏图表？它会减慢页面的其余部分（因为重量级的javascript和处理程序一起存在吗？）或者， remove()它，以便它使页面更轻（但在这里，当用户再次点击按钮时，我需要再次加载图表）或者，使用detach() ，这样在重新加载highcharts时，它比remove()工作得更快（但是由于jQuery处理程序一直存在，它会不会使页面变重？）我从jQuery文档中了解到，。去掉（） .remove（）方法从DOM中获取元素。如果要删除元素本身以及其中的所有内容，请使用.remove（）。除了元素本身之外，还删除了与元素关联的所有绑定事件和jQuery数据。。分离（） .detach（）方法与.remove（）相同，除了.detach（）保留与删除的元素关联的所有jQuery数据。当删除的元素稍后要重新插入DOM时，此方法很有用。。隐藏（）匹配的元素将立即隐藏，没有动画。这大致相当于调用.css（’display’，’none’）

内部和外部的Highcharts pie dataLabels: 我想要一个饼图内部和外部的数据标签饼图。我知道，负距离会显示馅饼内的标签。但我想在里面和外面。在外面，我希望显示百分比和点内总和。

Highcharts solidgauge：如何禁用渐变填充？: 我正在尝试使用Highcharts new solidgauge插件。 http://jsfiddle.net/4zVU8/2/ 由highchart提供的源代码仪表接受三个STEP参数，以根据数据显示不同的颜色。问题是它以渐变显示颜色，我想要 1）绿色高达20％ 2）黄色高达80％和 3）一旦值超过80％，仪表颜色应为红色。可能吗？

自定义HighCharts – 更改plotLines的高度，默认情况下在特定的x和y处显示标记值: 我正在尝试自定义highcharts 1）我需要改变情节线的高度 2）在特定位置显示标记图像本身内的标记值（顶部的白色圆圈内）这是我迄今取得的成就 Highcharts.setOptions({ global: { useUTC: false } }); /*function updateData(x,y) { var series = chart.series[0]; series.addPoint([x, y], true, true); }*/ var chart; $(function () { var color = ‘#AA34FF’; $(‘#container’).highcharts({ chart: { events: { load: function(event) { _bindCustomEvents(); } }, backgroundColor: ‘transparent’ }, series: [ { color: { linearGradient: { x1: 0, […]

在Highcharts柱形图中的点hover上的粗体X轴标签: 我正在使用Highcharts柱形图（ http://www.highcharts.com/demo/column-basic ），其中包含超过50行数据和3个不同系列。由于此数量和图表宽度限制，x轴标签靠近并聚集在一起。当用户将鼠标hover在图表中的点/列上时，我想加粗或更改x轴标签的颜色。我知道有些事件可以绑定到每个点（ http://api.highcharts.com/highcharts#plotOptions.column.point.events ）但是我无法将任何样式更改链接到x轴标签由此。这是一个jsFiddle（ http://bit.ly/SpPvCW ），其中包含了关于该点的事件。代码块如下所示： plotOptions: { series: { point: { events: { mouseOver: function() { $reporting.html(‘x: ‘+ this.x +’, y: ‘+ this.y); } } }, events: { mouseOut: function() { $reporting.empty(); } } } } 这个jsFiddle（ http://jsfiddle.net/4h7DW/1/ ）包括一个柱形图，其中旋转了x轴标签。 xAxis: { labels: { rotation: -70, align: ‘right’, style: […]

Highcharts中的径向饼图数据标签: 如何将数据标签置于饼图（内部）的楔形中心并对齐饼图半径而不是水平或垂直。这是我所追求的形象。也许有人有一个插件，如果它不是一个开箱即用的function？甚至一些实验代码也会有用。

扩展Highmaps副作用: 我正在尝试创建佛罗里达州的点密度图。虽然我知道Highmaps不支持带有mappoints的色轴。我扩展它并且它可以工作，但它带来了副作用。当我单击图例中的某个类别时，不会发生隐藏。例如，如果我单击“> 10”，则所有大于10的值都不会隐藏。当我打开Chrome调试器时，它声明： a.setVisible不是函数我该怎么做才能解决这个问题。这是一项要求，虽然看起来很小。我会很感激任何提示，或者某些例子是完美的。我无法显示比显示的更多的代码。如果您需要我更多地解释这个问题，我将很乐意这样做。 (function (H) { H.seriesTypes.mappoint.prototype.axisTypes = [ ‘xAxis’, ‘yAxis’, ‘colorAxis’]; H.wrap(H.seriesTypes.mappoint.prototype, “translate”, function (p) { p.call(this); H.seriesTypes.mappoint.prototype.translateColors.call(this); }); H.seriesTypes.mappoint.prototype.translateColors = H.seriesTypes.heatmap.prototype.translateColors; H.seriesTypes.mappoint.prototype.colorKey = ‘value’; })(Highcharts); // Initiate the chart $(‘#container’).highcharts(‘Map’, { title: { text: title }, mapNavigation: { enabled: false, }, colorAxis: { dataClasses: […]

PHP JSON Highcharts加载数据库结果: 我被卡住了！我需要用json结果创建高图。我在这里找到了一些消息来源，但无法将其付诸实践。我能得到的最接近的是这样做：图表选项： var options = { chart: { renderTo: ‘tudo’, defaultSeriesType: ‘column’, rightMargin: 80 }, title: { text: ‘Weekdays’ }, subtitle: { text: ‘Source: somewhere in a calendar’ }, xAxis: { labels: { enabled: false } }, yAxis: [ { min: 0, title: { text: ‘Amount’ } }, { linkedTo: 0, opposite: […]