highstock

问题 Using Highstock or Highcharts, I want my yAxis label on the top. What I don't want, is a varying margin between the left border of the chart and the beginning of the grid lines. If you take a look at the following fiddle: JSFiddle Relevant part is: yAxis: { title: { align: 'high', offset: 0, text: 'Rainfall (mm)', rotation: 0, y: -10 } } This is almost correct, but the offset margin is taken from the label width. If I set offset: -41 instead, it looks exactly right. The problem is, that the

问题 It appears that when changing the data grouping via the range selector buttons, the chart does not erase the old dataGroupings, so the chart becomes messy quickly. You can see the issue here. Is there any way to fix this? Below is the code that generates the chart. Highcharts.stockChart('container', { chart: { height: 300 }, rangeSelector: { allButtonsEnabled: true, buttons: [{ type: 'month', count: 3, text: 'Day', dataGrouping: { forced: true, units: [['day', [1]]] } }, { type: 'year', count

问题 It appears that when changing the data grouping via the range selector buttons, the chart does not erase the old dataGroupings, so the chart becomes messy quickly. You can see the issue here. Is there any way to fix this? Below is the code that generates the chart. Highcharts.stockChart('container', { chart: { height: 300 }, rangeSelector: { allButtonsEnabled: true, buttons: [{ type: 'month', count: 3, text: 'Day', dataGrouping: { forced: true, units: [['day', [1]]] } }, { type: 'year', count

问题 I am unable to get the tickinterval to update in the following Jsfiddle: https://jsfiddle.net/rarwarrar/5xgoqjst/4/ Currently this: xAxis: { events: { setExtremes: function(e) { if (e.rangeSelectorButton.text === "2Hour") { $('#chart').highcharts().xAxis[0].tickInterval= 2700000 //45 min $('#chart').highcharts().redraw() } } } }, Is not working. For instance can the tick interval be set to every 45 minutes once '2hour' is clicked? 回答1: You can use tickPositioner function for changing your

问题 Have a personal temperature monitor project that logs all temperatures in separate rooms at home into a mysql database and I came across highstock/charts the other day and have been playing with it, but I cant seem to get it to work with multiple series of data. how the data is logged into the table; datetime <-- (eg; 2013-07-18 15:52:26) time will be different for each sensor for each location location <-- 6 of (lounge,kitchen,dinning,outside,master,spare) temperature <-- (eg. 12.34) What a

问题 I am having an issue where I get the error in the title of this question when I create a chart like the one in this fiddle http://jsfiddle.net/w43m47hL/. I get this problem when selecting a point. this.select(); The problem occurs when performing these steps. create the chart click on a point to select it destroy the chart create the chart again The size of the data set seems to have something to do with the problem. If you change 1500 to 15 you will see that you don't get this problem any

问题 I have text on a chart like below. I want to change the font size of the text "abc". I tried putting 'font-size':'8px' inside of the css, but it did not work. Does anyone have an idea about this? Here is the fiddle link: http://jsfiddle.net/3hGz2/ 'events': { 'load': function () { var label = this['renderer']['label']('* y='+ slope +'x'+'+('+ intercept + ')<br> R^2='+ rSquare) .css({ 'width': '150px', 'color' : 'grey', 'font-size':'8px' }) .attr({ 'stroke': 'grey', 'stroke-width': 0, 'r': 5,

问题 When calling axis.setExtremes() or axis.zoom(), the associated zoom button does not become highlighted. For example, if I programatically 'zoom' to 1-hour, I would like the '1 hour' zoom button to appear as 'pressed'. Is there a simple way to accomplish this? For more context: I want to make my app stately, so that if you view a graph, zoom, then navigate away from the graph and back to it again, I want to restore your 'zoom level'. I have this basically working by listening for

问题 I'm using Highcharts/Highstock to plot a fairly large amount of data (~10,000 points). The data consists of Date objects on the X axis and floats on the Y, formatted as such: [[(date), 1.728], [(date), 0.346], ...] . The dates are always 1 hour apart and there are no gaps in the data. When the chart's range is >= 21 days (such that at least 21 days of data is graphed), the chart appears correctly. Whenever the range is less than that, though, the chart becomes blank and the tooltip displays

问题 Appart from colors, is it possible to style the navigator handles(like shape, height, width, border radius, background, etc..). From he API doc: http://api.highcharts.com/highstock#navigator.handles , I can only see backgroundColor and borderColor . If the options is not supported, is there a way to dramatically replace it from some callback events? The style I want is like: 回答1: Update: Since v6.0.0 the handles are customizable through API options - https://api.highcharts.com/highstock