Highcharts

Highcharts: Tooltip on a single series only

早过忘川 提交于 2019-12-23 10:08:33
问题 I have 3 datasets within my series (low, normal, high) displaying on a scatter plot. How can I force the tooltip and markers to be enabled only for the normal data set? Many thanks 回答1: formatter : Function Callback function to format the text of the tooltip. Return false to disable tooltip for a specific point on series . Reference: http://api.highcharts.com/highcharts#tooltip.formatter 回答2: See shared tooltip formatter. It gives you better control over the tooltip. http://api.highcharts.com

How to set PointIntervals per month in HighChart

♀尐吖头ヾ 提交于 2019-12-23 09:33:05
问题 I used HighCharts to plot number of users created on a monthly basis. I managed to show month in x-axis and i set pointInterval as below pointInterval :24 * 3600 * 1000 * 31 But this was given blindly and it won't plot points correctly. I need to plot points 1st of every month. But the above interval helps to bind points on monthly basis not at the 1st day of month. This example describes my issue. Tooltip gives the clear idea. Here is my code series: [{ type: 'area', name: 'CDP Created',

A different suffix for each line on Highstock/Highcharts

删除回忆录丶 提交于 2019-12-23 09:19:53
问题 Is there a easy way to use different suffix values on each line? Right now I have 3 lines, I'm trying to change the suffix for each, but I was only able to find it using the formatter function. But if I use the formatter function I need to edit every tooltip, make it just like the default one, and I don't know the default format. I mean, a easy way like changing colors, what we can simply do: { name: 'First line', type: 'line', color: '#33CC66', zIndex: 0, data: [ ... ] } 回答1: I think this is

Highcharts series update with animation

巧了我就是萌 提交于 2019-12-23 08:55:01
问题 I can update the data value of a spider chart and see it animated using this method: chart.series[i].setData(newSeries[i].data); But, as the series in a spider chart consists not only of data but also other fields, as in series: [{ name: 'Allocated Budget', data: [43000, 19000, 60000, 35000, 17000, 10000], pointPlacement: 'on' }, { name: 'Actual Spending', data: [50000, 39000, 42000, 31000, 26000, 14000], pointPlacement: 'on' }] Along with the data, when I need to change the value name:

HighStock Charts not Working over SSL ie https

自作多情 提交于 2019-12-23 07:57:35
问题 I have a site which is a secure site means, it is accessed using https:// protocol. This site has highchart on it. The highchart was working perfectly when the protocol was http:// . But after installing secure certificate it failed to load in any browser. I had imported the HighStock chart js as shown below. Then I thought of changing the protocol for fetching the js from http:// to https:// as shown below After this the chart started to render properly in internet explorer. But the charts

Highcharts - remove times between dates on a datetime xaxis type

廉价感情. 提交于 2019-12-23 07:33:36
问题 I'd like to make it so that only dates, not times, are displayed as labels on my Highcharts chart. How can I do that? Here's an example jsFiddle. 回答1: you should set the xAxis.minTickInterval xAxis: { minTickInterval: 24 * 3600 * 1000 } jsFiddle 1 jsFiddle 2 I highly encourage going through the vast and useful highcharts api reference before posting questions 回答2: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/type-datetime/ 来源:

Highcharts - remove times between dates on a datetime xaxis type

巧了我就是萌 提交于 2019-12-23 07:32:34
问题 I'd like to make it so that only dates, not times, are displayed as labels on my Highcharts chart. How can I do that? Here's an example jsFiddle. 回答1: you should set the xAxis.minTickInterval xAxis: { minTickInterval: 24 * 3600 * 1000 } jsFiddle 1 jsFiddle 2 I highly encourage going through the vast and useful highcharts api reference before posting questions 回答2: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/type-datetime/ 来源:

Switch between chart and datatable in highcharts

寵の児 提交于 2019-12-23 06:28:31
问题 im working on switch between the highchart, i have written some code but it doesnt work when i click on switch above the particular chart should replace the chart with datatable. JsFiddle Link: jsfiddle.net/GnanaSagar/psnh87ud/61/ Html file with js code used: function switchToDataTable(id) { var chart = $('#' + id).Highchart(), chartDiv = $(chart.renderTo); if (chartDiv.is(":visible")) { chartDiv.hide(); if (!chart.dataTableDiv) { chart.update({ exporting: { showTable: true } }); } else { $

Highcharts Combo graphs with common legend click

夙愿已清 提交于 2019-12-23 05:36:14
问题 I have a combo graphs, with Pie and Bar Graph, now my problem is that I want pie chart and bar graph both controlled from the same legend, as status are the same... source example created a JS fiddle any help would be much appreciated. http://jsfiddle.net/TV8f4/ $(document).ready(function () { var Loveralldata = [0,1,1,0,0,5]; var LDNOKdata = [['1032',11],['1040',0]]; var LDOKONOKdata = [['1032',1],['1040',0]]; var LDOKOOKdata = [['1032',1],['1040',0]]; var LTBDdata = [['1032',1],['1040',0]];

Highcharts - Multiple pie charts from json

半世苍凉 提交于 2019-12-23 05:22:47
问题 Highcharts - Multiple pie charts from json Let's say I have a server with 4 hard drives. How do I show 4 pie charts, one for each hard drive? It works if the chart type is stacked column (code below). JSON produces this output: [{ "name":"Drive", "data":["C:","D:","E:","F:"]},{ "name":"Free", "data":[673869,2267920,105627,307096]},{ "name":"Used", "data":[94029,2264810,6373,104] }] And my script code (for stacked column): <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content=