I'm using two different charts of highstock, both of them have 2 series. Both charts are loaded in the same div depends which button is selected. To do this I set the series data when the user push the other buttons, the problem that I'm having is that in one chart I can select a minimum range of about 10 minutes, but in the other chart I can't select a range lower than one hour. Both are made with the same settings, the only different is that one have numbers with decimals and the other don't.
I want that you can select a range, change graph and keep in the other the selection. This work when the selection is bigger than 1 hour.
Hope you can help me.
You can try to use setExtremes() function which allows to define range.
http://api.highcharts.com/highstock#xAxis.events.setExtremes
Related
Is there a way to do this in spotfire cross table? The column header of the current format would be my data in vertical axis while the horizontal axis would be the date format. I'm not be able to find any sample from the net that the format is look like from my sample below.
Example format would be like:
BR,
JV
The first part of this question is easy to get:
The second part with the YTD you can get with a grand total column. You just cant rename the Grand Total column heading:
The third part with the Projected is where you will have problems. If you try to add it in this form it will show the projected heading/value repeated across all the month dates. You really need a higher level visualization. I would just create two pivot tables and place them really close to each other. I don't think there is a clean way to get this higher level data to show without having the heading repeat for each date, unless you have projection data by month and don't mind summing it up like a grand total again. Going off what you show, I would do something like this:
And set up markings so that when you click, the related rows are highlighted/other rows fade out:
Finally, you could make one chart a details chart of the other by setting up markings. This makes it look a little cleaner and gives it some added interactivity:
Obviously all formatting/names etc. are up to you. This is just made up sample data. Two charts isn't ideal but because you have two different grains I am not sure there is a way to cleanly smash them into the same visualization.
I have a jqplot graph that I'm using to display 2 series next to each other. The X-axis is based on a date element and the Y-axis on a percentage value that ranges between -10% en 10%, but that's not really relevant.
Both series have the same number of elements and the x-axis value is identical for each entry of the two series, but the result I'm getting is this.
It seems that some elements in the collection of elements that I'm passing on to the jqplot library have some corrupt data (on the x-axis, so the date value in my case), but I've checked the collection of elements and it is sorted on the date, Not sure why it's not being rendered correctly though.
Has anyone else here had a similar problem?
Thanks
I am using Highstock.js to build a stock ticker that spans three days. I am using a line to graph the S & P 500 vs time, and I have a data point for every minute the market is open. I also have a feed sending a new data point every minute. When the page loads the previous two days of data is loaded into the chart, plus all the data available so far today. Then I update with new data each minute.
All data is displayed correctly, but I am trying to split the x-axis into thirds (with no gaps). Each third would correspond to each day. This means the last third would only be partially filled while the current day's data is coming in. The line graph would be moving toward the edge of the chart.
The issue I am running into is that the line always fills the entire chart.
I have tried setting the xAxis.max, but this doesn't work unless I set xAxis.ordinal = false. but that leaves gaps for nights, weekends, holidays, etc...
I have also tried sorting and ignoring the x value, but it has become a headache to account for weekends and holidays. Plus I don't know how to get the axis labels back to the correct time.
Basically I'm asking, Is it possible to create a chart that is only partially filled, without ordinal = false
I have several highcharts graphs that display data over a date-range that can be customized by the user. In cases where the range specified is very long and granular, I tell highcharts to skip x-axis labels by setting xAxis.options.labels.step to some value n.
My problem is that this usually results in the last date on the x-axis not being displayed. Highcharts will by default always show the first (left-most) date, then show every nth label up to the edge of the graph, but this won't always include the final label.
For my use case, I would prefer the opposite: I want the final date to always be displayed and then show every nth date moving to the left, not necessarily including the first date. Is there a knob I'm missing that would allow me to tweak highcharts to obtain this behavior?
Thanks!
I decided to use tickPositioner and just apply the date formatting manually. I managed to find a way to do this such that the x-axis labels show up appropriately.
I have a table that makes extensive use of the features in Google Charts' Table Chart, notably, sorting by selected column and color gradients.
I'd like to add a sparkline column. Can anyone suggest methods for doing so? Google Sparkline doesn't appear to be at all integrable.
The only method I've come up with (I haven't tried it) is to create a set of images and set them as the CSS background, one cell at a time. Blecch.
I also have a need to show something like a pie chart or stacked bar per row in a column - something that shows gross proportions of the parts of a whole, with three to five parts. Here also, the Google chart tools don't integrate into Table, AFAICT.
Answers that suggest a different library that doesn't include Google table are fine - as long as the level of effort isn't too much higher, and a similar level of documentation is available.
I agree with Larry K regarding remembering the requirement to store/access the set of numbers that represent the points on your sparkline.
In terms of inserting it to the table, consider the image line charts api. You can easily generate sparkline images once you have the relevant set of numbers for them, and can embed the image url into a table cell, allowing it to render by specifying the allowHtml option in the table chart.
So, just making a cell with <img src='google.com?params=2&whatever=3' /> should do the trick.
You would write your own data formatter to display the sparkline rather than the contents of the cell.
The next issue is to access/store the array of numbers that you want to represent by a sparkline. -- Remember that a Sparkline represents a set of values, it does not represent a single column/value.
There are several ways to solve this problem--eg store the number set as a string; store a key that would be used to look up the number set; or the formatter could use other values in the same row to determine the number set.
Added On second thought, it is not clear if you have access to a generic formatter that can return arbitrary html as the format for the cell's data. I thought you did but perhaps not.