It took me a while, to figure this out, but Google Charts does support dual Y-axis (v-axis). I want to use the Javascript API and not the HTML interface. This example can be tested here: http://code.google.com/apis/ajax/playground/?type=visualization#line_chart Replace all of that code with this code showing how to have two different Y-axis scales: function drawVisualization() { … Read more
The below answer is concerned with chart.js 1.x. Chart.js 2.x supports this Chart.js how to get Combined Bar and line charts? EDIT 2 I have now added this feature to my custom build of chartjs if you want to use that https://github.com/leighquince/Chart.js the only difference is i named it Overlay not LineBar so to use … Read more
Extending the answer by @user2467675, here’s how I did it: def rand_jitter(arr): stdev = .01 * (max(arr) – min(arr)) return arr + np.random.randn(len(arr)) * stdev def jitter(x, y, s=20, c=”b”, marker=”o”, cmap=None, norm=None, vmin=None, vmax=None, alpha=None, linewidths=None, verts=None, hold=None, **kwargs): return scatter(rand_jitter(x), rand_jitter(y), s=s, c=c, marker=marker, cmap=cmap, norm=norm, vmin=vmin, vmax=vmax, alpha=alpha, linewidths=linewidths, **kwargs) The stdev … Read more
Try this to remove all chart series, while(chart.series.length > 0) chart.series[0].remove(true); it works for me. the code for (var i = 0; i < chart.series.length; i++) won’t work because the chart.series.length is decreased each time remove() is called. That way, the i will never reach the expected length.
After(!) adding a point at a non-zero x-value or setting chart.SuppressExceptions = true you can use these properties for a Chartarea ca: ca.AxisX.IsLogarithmic = true; ca.AxisX.LogarithmBase = 10; // with 10 as the base it will go to 1, 10, 100, 1000.. ca.AxisX.Interval = 1; // this adds 4 tickmarks into each interval: ca.AxisX.MajorTickMark.Interval = … Read more
It works for me. Groovy, PieChart, random colors. def ctChart = chart.getCTChart() def ctPieChart = ctChart.getPlotArea().addNewPieChart() def ctPieSer = ctPieChart.addNewSer() byte[] b = new byte[3]; (0 .. rows).each { random.nextBytes(b) def x = ctPieSer.addNewDPt() x.addNewIdx().setVal(it) x.addNewBubble3D().setVal(false) x.addNewSpPr().addNewSolidFill().addNewSrgbClr().setVal(b) }
It looks like you need to use a standard XYLineChart with a XYStepRenderer and a SymbolAxis to replace the default Range Axis rather than a CategoryStepRenderer and a horizontal plot orientation If you associate Status A and B with a numerical value say 1 and 2 you can create a chart like this: Using this … Read more
Thanks to Etienne for the code to set blanks as gaps. I got help from a POI developer and here is the solution that solves both issues mentioned in the original question. XSSFChart chart = (XSSFChart)drawing.createChart(anchor); // this will set blank values as gaps in the chart so you // can accurately plot data series … Read more
This is a good question but unfortunately there is no simple solution like locking the two Axes or setting one value.. Let’s start by looking at the relevant players: The Chart control has an inner Size called ClientSize, which is the Chart.Size minus the borders. Both sizes are measured in pixels. Inside there may be … Read more
As @The Old County discovered, the previous answer I posted fails in firefox because it relies on the SVG method .getIntersectionList() to find conflicts, and that method hasn’t been implemented yet in Firefox. That just means we have to keep track of label positions and test for conflicts ourselves. With d3, the most efficient way … Read more