Highcharts

Highcharts Area Range Plot in rCharts

牧云@^-^@ 提交于 2020-01-13 18:19:26
问题 does anyone know if it's possible to create a area range style plot in rCharts (http://www.highcharts.com/demo/arearange-line)? My basic problem is the visualisation of a simple forecast scenario: set.seed(123134) y <- c(rnorm(20, 35, 2), rep(NA, 10)) data <- data.frame(y=y) data$fc <- c(rep(NA, 20), rnorm(10, 35, 1)) data$lci <- data$fc-1 data$uci <- data$fc+1 h1 <- Highcharts$new() h1$chart(type="line") h1$series(data=data$y, marker = list(symbol = 'circle'), connectNulls = TRUE) h1$series

how to make specific labels outside gauge chart

混江龙づ霸主 提交于 2020-01-13 10:40:13
问题 The gauge graph is great! I am looking for a way to label only 2 points outside the gauge chart. The first point being what the gauge value is (say $80,000) and the second being an industry standard (say $90,000) on a gauge that goes from 0 to $100,000. The needle would be pointing at $80,000 and the $90,000 would be at the appropriate position on the arc as well. Please let me know what you recommend. I have created a jsfiddle with everything but the 2 labels we are hoping for. $('#container

Highchart data series filled with different colors

谁说我不能喝 提交于 2020-01-13 10:00:09
问题 I need to figure out how to color the same data series points with different colors in Highcharts. For example, let's say I have a data series for several days and I would like to have a line graph. In this line specific days should be distinguish (maybe colored by some color). 回答1: Try using the fillColor property: { name: 'xyz', x: 123, y: 456, fillColor: '#00FF00' } 回答2: In your data, you can specify the color of the specific points: data: [{ name: 'Point 1', color: '#00FF00', y: 0 }, {

Apache Zeppelin - Highcharts

╄→尐↘猪︶ㄣ 提交于 2020-01-13 06:00:54
问题 I am trying Apache zeppelin . I wanted to have highcharts. So I thought of using %html interpreter. I have done this print("%html <h3> Hello World!! </h3>") It perfectly works. Know I have the code for highcharts <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script

How to programatically hide a tooltip in highcharts?

流过昼夜 提交于 2020-01-12 14:36:17
问题 I am trying to implement highcharts in a mobile application, everything works fine but there is one issue in which on changing orientation from potrait to landscape the tooltip shown for any point selected does not hide on orientation change. Please suggest me how to hide a tooltip programatically in highcharts .. I tried the below code: $('#tankActualUsagechart').highcharts().tooltip.hide(); but this does not hide the marker which i am displaying ... If there is a way to hide the marker i am

How to programatically hide a tooltip in highcharts?

和自甴很熟 提交于 2020-01-12 14:33:40
问题 I am trying to implement highcharts in a mobile application, everything works fine but there is one issue in which on changing orientation from potrait to landscape the tooltip shown for any point selected does not hide on orientation change. Please suggest me how to hide a tooltip programatically in highcharts .. I tried the below code: $('#tankActualUsagechart').highcharts().tooltip.hide(); but this does not hide the marker which i am displaying ... If there is a way to hide the marker i am

How to programatically hide a tooltip in highcharts?

一笑奈何 提交于 2020-01-12 14:33:39
问题 I am trying to implement highcharts in a mobile application, everything works fine but there is one issue in which on changing orientation from potrait to landscape the tooltip shown for any point selected does not hide on orientation change. Please suggest me how to hide a tooltip programatically in highcharts .. I tried the below code: $('#tankActualUsagechart').highcharts().tooltip.hide(); but this does not hide the marker which i am displaying ... If there is a way to hide the marker i am

How to programatically hide a tooltip in highcharts?

你。 提交于 2020-01-12 14:33:10
问题 I am trying to implement highcharts in a mobile application, everything works fine but there is one issue in which on changing orientation from potrait to landscape the tooltip shown for any point selected does not hide on orientation change. Please suggest me how to hide a tooltip programatically in highcharts .. I tried the below code: $('#tankActualUsagechart').highcharts().tooltip.hide(); but this does not hide the marker which i am displaying ... If there is a way to hide the marker i am

How do I dynamically change a data point in Highcharts using JavaScript

半腔热情 提交于 2020-01-12 07:09:13
问题 I'm trying to change a point in an existing series. From looking at the API, I've been trying the following: chart.series[0].data[0].y = 43; chart.redraw(); I'm sure I'm missing something simple but I can't figure it out. Thanks for your help. 回答1: You can't just set the value. chart.series[0].data[0] returns a point object, which you can then use it's 'update' method to change it's values. chart.series[0].data[0].update(y += 10); You can see an example here: http://jsfiddle.net/gh/get/jquery

Highcharts strange grouping behaviour

◇◆丶佛笑我妖孽 提交于 2020-01-11 14:03:13
问题 I am using the lazy loading method to load OHLC data. On the server side I use Python + MySQL and have 4 tables with OHLC data and time intervals of 5min, 1hour, 1day, 1month. Actually it works well, but unfortunately Highcharts displays the candlesticks in a strange way. Especially at the initial loading and when I switch between the zooms. Here are some examples: 1. Grouping on chart initialization On initial Loading 6h , 24h & 3d is disabled and the candlesticks are wide apart. Only after