Highcharts

how to change bar hover color of highchart dynamically?

ぃ、小莉子 提交于 2019-12-13 04:55:11
问题 I set bar hover color using below code: plotOptions: {column: {states: {hover: {color: '#000000'}}}} But how can I change the bar hover color dynamically? 回答1: Defined set of colors, when you load charts every time you will experience a different color of hover effect from the given set var colors= ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1']; var x = Math.floor((Math.random() * 10) ); plotOptions: { column: { states: { hover:

ticks not showing as entered

佐手、 提交于 2019-12-13 04:48:49
问题 I'm working with highcharts' highstock library. I'm trying to populate monthly data on it but xAxis on navigator misses out some months. I need it to include ALL months. here's the fiddle. I've tried the tick intervals: navigator: { adaptToUpdatedData: false, xAxis: { minTickInterval: 30*24*3600*1000 } } Suggestions? 回答1: You can disable tickPixelInterval by setting it as null and then set tickInterval as 30 * 24 * 3600 * 1000. Example: http://jsfiddle.net/voazL4cn/3/ 来源: https:/

Save Highchart directly to specific path

匆匆过客 提交于 2019-12-13 04:48:09
问题 Is it possible to save the PDF which is getting downloaded from Highchart Export module to a specific path by default? 回答1: If you are using Highcharts from a web browser there is no way to tell the browser where to download an incoming file. The file goes to the configured download folder. There are however browser extensions that can change that behavior like for example this one for Firefox. 回答2: Default exporting tool doens't support it, but you can configure / customise your own

Highcharts: how display tooltip, when point = null?

走远了吗. 提交于 2019-12-13 04:47:26
问题 When we hover on may In example, we don't see tooltip for this month, because data is null. Can I set the settings to see the tooltip when data is null? 回答1: Well as far as I know there is no generic option for that since highcharts ignores null values from showing. On the other hand, we can replace the null points with "fake" ones, that have an average value between the 2 closest points (this will cause the chart flow remain the same), and with a custom property isNull which can be used as a

HighChart 'tooltip' object is not found on the very next line in IE8

一个人想着一个人 提交于 2019-12-13 04:47:05
问题 I am using HighCharts with JQuery (ASP.Net, C#, MVC) to show chart on my web page. I have used below code to display the tooltip initially when page loads. Also to keep the tooltip and crosshair when mouse moves out of chart area. Thanks to answer by @jugal-thakkar chart = new Highcharts.Chart({ ... <my chart options go here> ... }); ... chart.tooltip.refresh([chart.series[0].points[1]]); chart.tooltip.hide = function () { }; chart.tooltip.hideCrosshairs = function () { }; Referring to my

How can I take a backingbean GSON string to Highcharts

笑着哭i 提交于 2019-12-13 04:45:32
问题 I'm fairly new when it comes to JS, jQuery and JSON stuff, so any help is greatly appreciated. I have a project I am trying to work with Highcharts on, that's JSF 2.2, RichFaces 4. I've already got my backing bean which pulls data from a database, and put's store's in a collection. I then convert the collection to a GSON string. A sample of the data, from a printout of the GSON object is {"Pool Price":[{"date":"Date.UTC(2012,5,4,1)","data":"1144.144"},{"date":"Date.UTC(2012,5,4,2)","data":

How to include RSI and Volume in the same chart?

喜欢而已 提交于 2019-12-13 04:43:17
问题 First of all i want to embed RSI plugin with the highstock chart, (i.e) RSI, Volume in the same chart. i tried it with using Highstock (Two panes, candlestick and volume ) http://www.highcharts.com/stock/demo/candlestick-and-volume and the RSI indicator plugin http://jsfiddle.net/BlackLabel/RE7sS/ Any ideas to get it done?? 回答1: To add RSI to any Highstock demo, you need to include required files. In RSI case files are: indicators.js (base) ema.js (required for RSI) rsi.js (RSI plugin) And

Can I use different if-conditions in Highstock-code?

南笙酒味 提交于 2019-12-13 04:41:25
问题 I want that my Highstock-Chart is very dynamic. I extract the number of series and yAxis from var dataarray . So I can get e.g. 2 series or 6 or 3 or or or... But now I have to set the code for the yAxis and series according to the number of series that are arriving. And if dataarray is e.g. 2 long the program should jump in the accordingly if-condition. But that doesn't work in real life. Here is my code. What can I do instead? Can't I use JavaScript in Highstock-Code? 回答1: No you can't, and

Set HighChart yAxis's min max to a specific series only

て烟熏妆下的殇ゞ 提交于 2019-12-13 04:39:43
问题 I have a stock price candlestick series And a line series that share yAxis with the candlestick series. By default, the API automatically set chart's yAxis range to the min/max of two series's min/max(candlestick series, line series) But I want to show the candlestick series more importantly than line chart. So, chart's yAxis min/max should be limited only the candlestick series even if it cut the line series off. And the yAxis min/max should be adjusted when the chart is scrolled dynamically

Creating ICICLE Chart using Highcharts Library

佐手、 提交于 2019-12-13 04:35:41
问题 I want to develop a ICICLE Chart as provided by d3 library using Highcharts Library. To the extent I googled, I couldn't find any samples of ICICLE Chart kind of Visualization Using Highcharts. If this is really possible, please help me with how to create it. Thanks. 来源: https://stackoverflow.com/questions/31358768/creating-icicle-chart-using-highcharts-library