Tag: highcharts

数据标签未显示Highcharts: 我正在尝试显示数据标签。但是DATALABEL没有显示黑条。为什么？ http://jsfiddle.net/o4pt855e/ 其他酒吧显示得很好。我借此机会问我怎样才能提出一个条件？如果该值小于5，则DATALABEL显示在左侧，否则显示在右侧。 $(function () { $(‘#container’).highcharts({ chart: { type: ‘bar’ }, title: { text: ‘Mi EPS’ }, xAxis: { //categories: [“number1”, “number2”, “number3”, “number4″,”number5”], title: { text: null }, labels: { // align: ‘center’, x: -5, y: -20, useHTML: true, format: ‘ my labelL is very large ***************************************this in other […]

AngularJS选项卡中的Highcharts动态（重新）大小调整: 我的应用程序在各种选项卡中显示HighCharts图表（使用AngularJS）。请注意，每次选择选项卡时都会动态重新生成图表（意味着每次 Angular“删除或重新创建DOM树的一部分”）。我的问题是，只有在我第一次点击选项卡时，图表的大小才是正确的。当我切换标签时，创建的图表大大超过了其容器的大小。令人惊讶的是，在调整窗口大小（即调用chart.reflow()时chart.reflow()后，图表会正确resize。所以我尝试了以下，但没有帮助： $(element).highcharts({ chart: { type: ‘scatter’, zoomType: ‘xy’, events: { load: function () { this.reflow(); } } }, … 最后，以下确实有效，但感觉就像是黑客。 $(element).highcharts({ chart: { type: ‘scatter’, zoomType: ‘xy’, events: { load: function () { var chart = this; setTimeout(function () { chart.reflow(); }, 0); } } […]

使用多个图表重绘时，axis.extremes.userMin和userMax未定义: 我试图绘制一个饼图移动highstock滑块。一开始，每件事情都行，我正在获得highStock的axis.extremes.userMin和userMax值。码 var extremes = chart.xAxis[0].getExtremes(); console.log(extremes); console.log(chart.xAxis[0]); console.log(“userMin = ” + extremes.userMin); console.log(“userMax = ” + extremes.userMax); 但是一旦绘制饼图，我就会在控制台中看到undefined值。可能导致此问题的原因或者如何获取userMin / userMax ？ jsFiddle演示

Highcharts solidgauge具有绿色/黄色/红色渐变: 我想知道是否有可能在左侧以绿色开始的渐变（0值），在中间渐渐变为黄色，然后在“solidGauge”图表的右侧渐渐变为红色。我在yAxis中尝试了一些配置，但是他们没有做我想要的： yAxis: { plotBands: [{ color: { linearGradient: [300, 300, 0, 0], stops: [ [0, ‘rgb(255, 255, 255)’], [1, ‘rgb(150, 200, 155)’] ] }, from: 0, to: 100 }], }, yAxis: { minColor:’#55BF3B’, maxColor:’#DF5353′, }, yAxis: { minColor: gaugeValue >= 80 ? ‘#FF0000’ : (gaugeValue >= 60 ? ‘#FFFF00’ : ‘#00FF00’), maxColor: gaugeValue >= […]

Highcharts。饼形图。 DataLabels格式化程序: 我有一个饼图。我需要在某种程度上格式化DataLabels。所以我使用： dataLabels: { useHTML : true, formatter: function () { if(this.point.id == ‘razr’) { return ” + this.point.y + ‘sum is:’ + this.point.summ + ‘ ‘; } else return ” + this.point.y + ”; } } 我得到了什么：我的问题在这里是style=”left: -140px;这个位置是静态的。我找不到任何方法将我的sum label放在图表绿点的中心。我一直在寻找一个属性point（如plotX ， graphic attr），没有任何帮助。如果我删除style=”left: -140px; datalabel将向右移动。如何获得绿点的坐标？

Highcharts GANTT图表工具提示鼠标hover跟踪问题: 默认情况下，Highcharts中的鼠标hover跟踪会跟踪x轴上的最近点。这适用于其他类型的图表，但是，使用我的GANTT图表[ http://jsfiddle.net/2xkfm87e/11/ ]，这会导致最终用户的结果不直观。在下面的示例图像中，请注意光标最接近第一个类别8段。但是，类别4段的第1点是x轴上的最近点，这是渲染的工具提示。我需要将跟踪重点放在y轴上，这样如果光标最接近y轴上的一个点，则会渲染该工具提示。这可能吗？谢谢你的帮助！ $(function () { // Define tasks var tasks = [{ name: ‘Category 1’, intervals: [] }, { name: ‘Category 2’, intervals: [{ // From-To pairs from: Date.UTC(2010,5, 21), to: Date.UTC(2015, 5, 21), label: ‘Category 2’, tooltip_data: ‘this data’ }] }, { name: ‘Category 3’, intervals: [{ […]

为高图区域图表应用外边框: 我正在实现模拟中显示的区域图表，但在某些部分有严格要求，并且无法获得http://api.highcharts.com/highcharts中提供的用于配置图表的选项。这是模拟外观。到目前为止我取得的成就是：小提琴演示所以我无法实现 1.背景色 backgroundColor: { linearGradient: false, stops: [ [0, ‘rgb(255, 255, 255)’], [1, ‘rgb(200, 200, 255)’] ] }, 2。只有外边界线。（如模拟中所示） 3。在hover中显示所有3个标签。（如模拟中所示） 4。像“CPM IMPS SPEND BY TIME”这样的传奇颜色我的意思是我想要在模拟中实现同样的效果。最后要点：

无法触发系列数据上的单击事件 Highchart: 我试图在一系列数据中触发点击事件（我正在使用Highcharts）。我的方法如下。我在plotOptions中添加了click事件而不是指向它，因为它在这里完成，工作正常。问题（我认为）是firePointEvent无法正常工作，但手动点击会触发事件。 var chart = $(“#container”).highcharts(); chart.series[0].data[0].firePointEvent(‘click’); 有什么我想念的或者我错了吗？

高图中的圆角: 我有这样的图形http://jsfiddle.net/developer_fiddle/6VKtb/ 我想在这个图中得到圆角但我无法这样做，因为我在这里使用了plotbands。在此图中是否可以使用圆角？也有任何选项可以将圆形标记移动到栏下方。相关守则 function drawGraph(point,container) { Highcharts.setOptions({ chart:{ type:’bar’, margin:[15,15,35,15], plotBorderWidth: 1, plotBorderColor: ‘#999′, }, credits:{enabled:false}, legend:{enabled:false}, title:{text:”}, xAxis:{ tickLength:0, lineWidth:0, labels: “” }, yAxis:{ min:1, tickColor:’#888’, tickWidth:2, tickLength:6, tickInterval:1, minorTickInterval:5, minorTickWidth:2, minorTickLength:4, minorGridLineWidth:0, tickPosition: ‘outside’, gridLineWidth:1, endOnTick:false, }, plotOptions:{ series: { animation: false, }, bar:{ borderRadius:10, }, scatter:{ animation:false, marker:{ radius:’15’, fillColor […]

无法在Highcharts中创建图表，并且id未定义: 嗨我正在建立一个饼图，通过传递json数组到drawchart它显示图表的标签，但无法找到chart.i需要一个圆环图表，其中每个切片是可点击的，当我点击它需要的切片时，它带有一个id作为参数打开该特定切片的另一个图表 $(document).ready(function () { $.ajax({ type: “POST”, contentType: “application/json; charset=utf-8”, url: “bar.aspx/DistrictAnalysis”, data: “{}”, dataType: “json”, success: function (Result) { Result = Result.d; var data = []; for (var i in Result) { //var jsondata = new Array(Result[i].City, Result[i].DevelopmentPercentage, Result[i].ID); var jsondata = { city: Result[i].City, DevelopmentPercentage: Result[i].DevelopmentPercentage, ID: Result[i].ID } data.push(jsondata); } DreawChart(data); console.log(data); […]