I'm trying to display a line chart with a broken y-axis, using chart.js (2.3.0). In my chart, there's a fixed minimum value, which should always be shown as a label on the y-axis. I would then like to have the "empty space" between this minimum value and the minimum value in the dataset be removed. Is this possible to do?
Related
Is it possible to mark/highlight regions in a superset line chart or would I need to create a custom chart?
I have a chart showing device voltage and I want to highlight where the low/critical/normal voltage range is.
I can sort of hack it by adding annotation lines and increasing the thickness of the lines to 150. This sort of works but falls apart when the y axis range changes.
Any better ideas?
I am creating a chart using chart js, putting few threshold lines also in that. But the content/title for those line is overlapping with x-axis if its value is 0 or in negative.
enter image description here
Try to define the option scales.y.suggestedMin. This is a common option to all axes.
suggestedMin: Adjustment used when calculating the minimum data value.
For further information, please consult Axis Range Settings from Chart.js documentation.
I want to make a pie chart in ChartJS, where each segment is "filled" (with a different color) according to a certain percentage. Say the pie chart displays various categories and their relative sizes (dimension 1), then I want the partial fill of each segment to show, say, the percentage popularity of each category (dimension 2).
See the example below. I've tried to sketch up what I want. Here is a pie chart with 6 "categories" (segments), and where each are "filled" with a percentage. Note that I can not use a normal nested pie chart, as that would only allow a single, same percentage for each segment.
You can achieve this by using the chart.js polar area chart.
In v2.0-beta, is there a way to configure the tooltip corresponding to that x-position to show up when hovering anywhere above that point on the axis? for example, the functionality shown here:
https://blockchain.info/charts/market-price
As you trace the line horizontally, you are shown the tooltip corresponding with your distance from the y-axis.
What the tooltip shows in your example is the y value corresponding to the distance from the y-axis (i.e. the x value).
Unless you want to extrapolate between data points (not usually a good idea for data like that shown in your example, since you don't know that its going to follow your extrapolation), this means that you need to have data values for all points where you want to show the tooltip.
With that your question is basically about showing every n x axis labels. https://stackoverflow.com/a/31606933/360067 does this similar for the current stable version of Chart.js. For v2.0-alpha, the option you need to be adjusting is scales.xAxes.labels.template.
Is it possible to create simple chart using wxFreeChart with Y-axis labelled with double values and X-axis labelled with string values? Which type of chart and dataset should I use? I tried to use XYDynamicSerie and I like it, but it can mess with pair double-double.
I'm an author of wxFreeChart.
Charts, where one axis has string values use CategoryDataset.
Line charts, with CategoryDataset are not supported. Only bar charts (BarPlot).