I have an area chart (and a percent-area chart) that uses timeseries data for the x-axis. The timeseries is missing some data points and I would like the functionality to be that of connectNulls:false.
Is there another HighCharts option or a way to extend HighCharts to add an option for this functionality?
I have looked at the docs and browsed the questions here on StackOverflow and Googled for it, but the solution that I have found is to use connectNulls:false and to insert NULL values for the missing data points, but inserting the missing data points with null values would be cumbersome in my situation and I would have to replicate it in a few places.
I would imagine that it would be possible since in the instances that there is a missing data point, HighCharts will maintain the x-axis spacing. All I would want is addition to noticing the missing data point and inserting the appropriate spacing to also use a y-axis value of 0/inset a NULL/the equivalent.
Thank you all for your time and assistance.
Related
I have a Column chart that presents grouped data based on a property (using the seriesField property). Here is the stacked Column chart I am using from Antd Columns Charts and this is the docs I'm using for reference.
My issue is that I can't find a way to show only the total value of the group for a label for the whole column instead of for each separate section (and this is a very basic feature). The docs are terrible - badly structured and half of the content is in chinese as well.
Has anyone stumbled upon this?
Okay, I've managed to find the solution in another documentation. You can achieve the following by using the annotations property as specified in the example.
annotations reference in the docs: https://charts.ant.design/demos/column?type=api.
I am trying to illustrate the twist in a sail using a chart, showing the effect of various twist amounts.
However, try as I might, I cannot swap the x and y axis! The cells B3:B8 are the height going up the sail, where the measurements were taken, and should be the y-axis.
The columns C:V are series, which are different sets of measurements taken at the various heights up the sail, with the degree of twist as the series' values. This is what I have:
I've also tried to create the chart from Transpose()d data (swapped rows <-> cols) but ended up with the same chart! The "Height" is supposed to be the Y-axis, and the values ("Degrees") the X-axis.
I must be missing something obvious, but Google is not my friend today. I have created a sample Spreadsheet here if anyone can help. MTIA.
Currently it is not possible to define the Y-Axis to a specific range for Smooth Line Chart, in fact, the only way this can be defined is by using Bar Chart.
As a workaround, you can use Bar Chart to define the Y-Axis like this:
Please note that it only looks best when displaying one or two series, the bars would look squished when more series are added.
As for the original intention of defining Y-axis for Line Charts, or a completely new type of chart, you can file a feature idea request here:
How To Submit a Feature Idea Request
Google Workspace Feature Idea Request Link
I am looking for a setting in Highcharts/stock that would allow me to apply a different format to displayed values of data, but not to the actual data as it is loaded into the series data. For example, we would like to plot y-axis data with precision up to 16 significant digits, and likewise, time values that use 6-8 sig figs. But that's not the precision we would like displayed in the tooltips, or other labels. However I am unable to find a way to format it without affecting both what is plotted and what is displayed. Here is an example of why this is a problem: let's say we have data points taken at .0001234s, .0001244s, .0001254s, and .0001264s, but we want to format the display of the time to ".0001" for all 4 data points. If we format it, then the "plotted" data ends up looking like it occurred at the same time-stamp, thus producing a stair-step look to our waveform.
I have looked at the custom functions that I can create to override tooltip display, but it doesn't appear that there is an easy way to make that very generic so that I can apply to all of the various chart instantiations (we use lots of different chart types), and that only covers tooltips; X-axis labels and Y-axis labels would also need separate functions for overriding those display values; there's possibly other places I haven't thought where the display might be affected as well. Is there any single, centralized place where the data points display value or format can be changed?
Example of stair-step appearance:
TIA
If you want to display various numbers (axis labels, tooltip, etc.) with various number of decimal places, you can use Highcharts.numberFormat function.
API Reference:
https://api.highcharts.com/class-reference/Highcharts#numberFormat
Example:
http://jsfiddle.net/eg0vepgq/
Hi am using high charts in my website and they are just awesome.I wold like to know whether there is any option to include variance in graph instead of the original values like the one in below snip.
instead of displaying the values of each bars i would like to display the difference between two.Is this possible?Thanks in advance
You need to enabled dataLabels for one series, and disable for second one. Then in dataLabels.formatter you need to compare values, and return value you want.
Like many Highstock users, our data is retrieved from a database by way of Ajax queries. The series data sets are all time-based, but have different purposes and data ranges.
I can add multiple series to the chart no problem. Works great. However, how can I dynamically (emphasis on dynamically) add companion axes to these series (axis title and range)? I've scoured the documentation and forums but can't figure out exactly how to associate the new axis with the new series.
Thanks!
The only way to do this (as far as I know) is to add multiple empty axes to your chart, and then set them programmatically. It's a hack - but it works:
http://livecoding.io/3431916