Highcharts

Plotting seconds, minutes and hours on the yAxis with Highcharts

只愿长相守 提交于 2019-12-30 09:14:33
问题 I have some data that looks like this: min="00:09" med="03:11" mean="23:39" max="12:40:26" I'd like to be able to be able to use these values as datapoints but I'm not sure how to plot them as they are not simple integers. Ideally I'd like to have the labels on the Y axis show something like 'hours' or if I was to use multiple y axes then it could show 'seconds' for the 'min' values, 'minutes' for the 'mean' values and so on adapting to the appropriate time window. I'm not sure if I can use

multiple series in Highcharter R stacked barchart

不羁岁月 提交于 2019-12-30 08:50:33
问题 After going through the highcharter package documentation, visiting JBKunst his website, and looking into list.parse2(), I still can not solve the problem. Problem is as follows: Looking to chart multiple series from a data.frame into a stacked barchart, series can be anywhere from 10 - 30 series. For now the series have been defined as below, but clearly there has to be an easier way, for example passing a list or melted data.frame to the function hc_series similar as what can be done with

multiple series in Highcharter R stacked barchart

最后都变了- 提交于 2019-12-30 08:50:08
问题 After going through the highcharter package documentation, visiting JBKunst his website, and looking into list.parse2(), I still can not solve the problem. Problem is as follows: Looking to chart multiple series from a data.frame into a stacked barchart, series can be anywhere from 10 - 30 series. For now the series have been defined as below, but clearly there has to be an easier way, for example passing a list or melted data.frame to the function hc_series similar as what can be done with

R Highcharter: tooltip customization

試著忘記壹切 提交于 2019-12-30 07:46:06
问题 I created a chart using highcharter in a shiny dashboard and I am trying to customize the tooltip. The chart is combined line and scatter plot. I would like it to do the following: 1) Have a single box for hover information (it currently has one for the line and one for scatter) 2) Be able to use different column of information that is not used in the series x or y values I would like the tooltip to display the following information (whether I hover over the scatter point or line) for each

Highchart - tooltip for legends

a 夏天 提交于 2019-12-30 07:16:20
问题 I am using highcharts to represent data. In my chart based on conditions some series are disabled. Is there any way to remove the legend itemhoverstyle property for disabled series? Is there any way to add a tooltip to the legend items? 回答1: You can remove the serie from the legend : series:[{ name: 'serie1', type: 'line', data: yourArrayOfData, showInLegend: false }] If you want to change the css on hovering you'll have to change this highcharts-legend style. To add a tooltip to the legend

Render Highcharts after user updated labels

≡放荡痞女 提交于 2019-12-30 06:45:19
问题 I am trying to create a chart builder. I have a user inputs for Title and location of the legend. I want a user to type in a title and when the click off (blur) the chart to be updated with what they typed. The problem is the chart renders the first time, however i can never get the char to render again. Here is a quick summary of the code. $('#legendlocation-select').blur(function updateChartLegend(){ console.log($('#legendlocation-select').val()); if($('#legendlocation-select').val()===

Highstock with numbers instead of date in x-axis

ε祈祈猫儿з 提交于 2019-12-30 06:35:22
问题 I need to output a plot on page, and I'm considering Highstock or Highcharts to implement this. Highstock interface is more preferable due to navigator pane showing the rest of plot after rezooming. However my plot has numbers in x-asis, but not date/time. Is there any way to use Highstock with numerical x-scale? Or add similar navigator to Highcharts? 回答1: Highstock's only type of xAxis is datetime, so using it with numbers is not an option. (Maybe if you make some tricky formatting actions

Highcharts Solid Gauge Width

谁说我不能喝 提交于 2019-12-30 06:15:10
问题 I've not found an API or previous question that addresses changing the width of the solid gauge data plot. I can easily change the chart width, plot width, plot padding, arc background's inner and outer widths... but not the chart. How do I prevent the chart (green) from overlapping the background (white)? (Just created account, so can't insert images yet) https://www.dropbox.com/s/dtvekgi9uyxvpww/arc.png pane: { center: ['50%', '70%'], size: '130%', startAngle: -90, endAngle: 90, background:

Highcharts tooltip background according to line

非 Y 不嫁゛ 提交于 2019-12-30 05:15:11
问题 I'm trying to make the tooltip's background color match the line's color using Highcharts. I'm trying to find the most reasonable native way to handle this -- if it's possible to avoid adding a <div /> with a background color to the formatter, that would be great - but if not I guess that works too. The lines colors & amount will change a lot so I don't wanna hard-code the background colors the same way I put the line colors - if they could draw the background the same as the line color, that

HighCharts - Make the pie chart 100% of the div

南笙酒味 提交于 2019-12-30 01:34:06
问题 How can I make a pie chart fill 100% of the div it is contained in? The div has a width of 198px and it's height is 152px . Additionally I would like to have a linear-gradient effect inside each pie slice, can you advise on how to do that? 回答1: You can achieve the full height of the pie chart by setting the size attribute in the plotOptions of pie and removing margins , spacing and titles from the chart. Code chart: { margin: [0, 0, 0, 0], spacingTop: 0, spacingBottom: 0, spacingLeft: 0,