Questions tagged «highcharts»

Highcharts是使用HTML,SVG和VML的Javascript图表库。该编辑器提供该产品的开放源/非营利和商业版本。

5
删除highcharts.com点数链接
我刚刚购买了图表,但是信用额链接仍然显示在我的图表上,该图表在我的网站上非常突出,并且扭曲了图表视图。 我以为我会得到选择,那么如何删除它?

3
如何在x轴上获取高位图日期?
是否有一种标准的方法来获取Highcharts在x轴上的日期?在他们的文档中找不到它:http : //www.highcharts.com/ref/#xAxis--type 当我的时间范围足够大时,它将显示日期。但是,当时间范围不够大时,它将仅显示小时,如下所示: 这不理想...如果在这种情况下可以显示日期和时间,那就太好了。有人知道吗?

5
将附加数据设置为highcharts系列
有什么方法可以将一些其他数据传递到将用于显示在图表“工具提示”中的系列对象? 例如 tooltip: { formatter: function() { return '<b>'+ this.series.name +'</b><br/>'+ Highcharts.dateFormat('%b %e', this.x) +': '+ this.y; } 在这里,我们只能对系列使用series.name,this.x和this.y。可以说我需要随数据集一起传递另一个动态值,并且可以通过系列对象进行访问。这可能吗? 谢谢大家。

14
有没有办法禁用Highcharts中的标题和副标题?
我将使用图表周围的html对其进行硬编码,但我不想使用内置的。 我在API中看不到“ disable:true”选项。 有人可以帮我吗? 如何在高图中禁用标题/字幕? (如果您只是将文本保留为空白,那么它仍会在标题所在的位置切出空白,我想避免这种情况的发生)
108 highcharts 

1
如何使用范围和导航器功能在Highcharts中创建列范围图?
我有情节的要求运行历史一个的任务在Highcharts。它需要以水平条显示任务的运行历史记录。我在下面的更新中添加了其他要求。最近我发现,inverted在不支持的选项StockChart,只有导航和rangeSelector在StockChart可用。因此,我正在使用这些功能。 因此,为了达到要求,我创建了类似于此jsfiddle示例的内容(在浏览时发现某个地方,不记得源代码了),并在我之前的问题的帮助下,通过Pawel Fus的帮助,得到了这个punker链接 更新问题以避免混淆 其他要求: 显示只有那些任务,其运行在一个特定的日期和时间范围。如果运行太多,例如运行超过10次,则需要有一种方法可以显示只有10个任务,并且y轴可滚动显示其他任务。 问题的链接 上面的问题的问题解释。 如果您从plunker上方查看下面的屏幕截图,则时间范围是从12/12/2014 09:32:26到12/12/2014 10:32:26,并且只有2个任务在运行m_ARRAYV_SALES_ZIG1_CALL2_VOD__C_OB&m_ZIG2_HCP_MERGE_IB_CN。但是我可以看到LILLY_C在此日期时间范围内甚至没有运行过的另一个任务。(在实际数据中,有超过10个任务使该图表混乱,甚至不属于该日期时间范围) 另外,如果您发现最右下角的时间从09:38更改为19:20。19:20是m_ZIG2_HCP_MERGE_IB_CN任务的结束时间。 以下是我的图表选项 var chart_options = { chart: { renderTo: 'container', height: 600 }, title: { }, credits: { enabled: false }, xAxis: { type: 'datetime', gridLineWidth: 1, tickInterval: 1 * 3600 * 1000, dateTimeLabelFormats: { month: '%b %e, %Y' …

9
我如何通过DOM容器访问Highcharts图表
当我向div容器渲染highcharts-chart图表时,如何通过div-Container访问图表对象?我不想使图表变量全局。 var chart = new Highcharts.Chart({ chart: { renderTo: "testDivId", ... 我想像这样(伪代码)访问以上上下文之外的图表,以调用函数: var chart = Highcharts.Chart("testDivId"); //access from id chart.redraw();


5
图例中的HighCharts隐藏系列名称
我尝试多次解决此问题并放弃。现在,当我再次遇到他时,我决定寻求帮助。 我的图例有以下代码: legend: { layout: 'vertical', align: 'right', verticalAlign: 'top', x: -10, y: 100, borderWidth: 0, labelFormatter: function() { if(this.name!='Series 1') { return this.name; } else { return 'Legend'; } } } 如果我将返回值从“传奇”更改为“”,则不会显示文字,但图例顶部仍会出现“破折号”。如果我不使用标签格式化程序功能,那么我将具有“系列1” +“破折号”,就像图例中的第一行一样。如何隐藏它们? 请注意我的版本是:Highcharts-2.0.5 这是我的图例和要删除的破折号的简单视图:



7
隐藏坐标轴和网格线
我试图完全隐藏Highcharts图表的轴和网格线。到目前为止,我已经尝试将线条的宽度设置为0,但是没有成功。 xAxis: { lineWidth: 0, minorGridLineWidth: 0, lineColor: 'transparent' } 是否可以仅全局禁用轴线/刻度线和网格线以创建“普通”图?

4
Highcharts-redraw()与新的Highcharts.chart
我正在努力了解更新highcharts图表的正确方法。假设我绘制了一个图表,然后以某种方式进行更新。例如,我可能想更改数据系列的值,或者我可能要启用dataLabels。 目前,我唯一能弄清楚该怎么做的方法是更改​​图表选项,并使用new Highcharts.chart告诉高图重绘。 但是,我想知道这是否过大,是否有可能“原位”更改图表,而不必从头开始new Highcharts.chart。我注意到有一种redraw()方法,但是我似乎无法使它起作用。 很感谢任何形式的帮助。 谢谢, 罗宾 示例代码如下,在底部有一个jsFiddle $(document).ready(function() { chartOptions = { chart: { renderTo: 'container', type: 'area', }, series: [{ data: [1,2,3] }] }; chart1 = new Highcharts.Chart(chartOptions); chartOptions.series[0].data= [10,5,2]; chart1 = new Highcharts.Chart(chartOptions); //The following seems to have no effect chart1.series[0].data = [2,4,4]; chart1.redraw(); });​ http://jsfiddle.net/sUXsu/18/ …


8
从highcharts图表中删除所有系列数据的正确方法?
更新:这是一个显示问题的jsfiddle:http : //jsfiddle.net/pynju/1/ 单击星期一的蓝色列。加载详细视图时,请注意01-07具有3列(预期为2)。单击最高的栏以返回原始视图。请注意,xAxis上的标签没有被删除。 =============== 我有一个具有2个系列的条形图,并排显示为成对的条形图。 series: [{ showInLegend: false, data: dowChartData },{ showInLegend: false, data: avgUserDowChartData }], 。 dowChartData = [ { y: 98.74, color: '#0072ff', drilldown: { name: 'Category Engagement - Sunday', categories: ['00','01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23'], data: [0,637,0,0,0,173,48.54,48.54,0,0,0,0,0,0,102.24,166.36,706.59,699.18,298.32,184.14,97.08,1539,0,1224.56], color: '#0072ff', data2: [506.80686467275,354.56354558498,333.25158689567,234.19283190879,234.82132336088,220.03247578171,222.86420797556,218.14034615202,170.42559544164,171.54776353196,249.24788461442,345.14915669555,206.65543589797,243.38811965637,367.02593304906,378.83677778129,467.45739743621,424.26264387522,639.60922934374,679.71299714907,373.26353846375,480.94380626458,551.82326068362,466.77469230724], color2: '#C00' } } AND SIMILAR 。 avgUserDowChartData …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.