Uneven / Custom-Positioned Axis Labels in Chart.JS - chart.js

I'm trying to migrate an existing library for generating scatter plots from Python to Chart.js that look like this:
But I'm struggling with how to create the X-Axis labels at such uneven horizontal positions with Chart.js v2.9.4 (I don't need to replicate the vertical offsets at this time)
Any suggestions/examples of how I might do this?
-Brett

Related

Apache superset mark chart regions

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?

How to create a bar chart with one x axis and two paralel y axes in PowerBI

I am new to PowerBI so sorry in advance. I would like to reproduce the plot below (created in Tableau) in PowerBI.
I need the two plots to be sorted by the values of the first one.
In PowerBI I can generate two such plots, but I do not manage to use the values of the first plot to sort the second one.
How can I do that?
Plot with an x-axis that is shared by two bar chart plots

Google Charts - How to stretch x axis over chart's full width

I can't figure out why Google Charts draws this simple chart aligned to center and doesn't fill entire white area.
Note: X axis is discrete because it represents weeks.
Do you have any idea what can I do with it?
That is how the charts display when you use a discrete (string) axis. If you want edge-to-edge lines, you need to use a continuous (number, date, datetime, timeofday) axis. See an example of the differences here: http://jsfiddle.net/asgallant/Xfx3h/.

wxFreeChart value-label chart

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).

How can I get Google Charts to display multiple colors in a scatter chart?

I would like to display multiple colors (and potentially shapes and sizes) of data points in a Google Chart scatter chart. Does anyone have an example of how to do so?
I answered my own question after waiting SECONDS for an answer here :-)
You can indeed have different colors for different data elements. For example:
http://chart.apis.google.com/chart?chs=300x200&cht=s&chd=t:1,2,3|6,5,4&chds=1,3,0,10&chxt=x,y&chxl=0:|0|1|2|1:|0|10&chm=d,ff0000,0,0,8,0|a,ff8080,0,1,42,0|c,ffff00,0,2,16,0
It's the chm= that does the magic. I was trying to have multiple chm= statements. You need to have just one, but with multiple descriptions separated by vertical bars.
You can only use one dataset in a scatter plot, thus only one color.
http://code.google.com/apis/chart/#scatter_plot
From the API description:
Scatter plots use multiple data sets differently than other chart types. You can only show one data set in a scatter plot.
You could effectively fake a multi-color scatter plot by using a line plot with white lines and colored shape markers at the points you want to display.
Here's another example: twitter charts. I'm hoping to do the same thing. Need to find out how to do the concentric circles.