Oracle APEX 5.0: Set second Y-Axis on D3 Line Chart - d3.js

I'm creating a multi-series line chart in APEX 5.0 and I've used the D3 Line Chart Plugin to do this. My output looks something like this:
I want the blue line to be on a secondary Y-axis rather than share the primary axis with the red line but can't figure out how to do it.
I looked at the Oracle Jet Cookbook and it says using the assignedToY2 attribute but I can't figure out where that would go and how to use that to set a secondary y-axis.

Related

How to create a vertical line on a certain date at x axis in Spotfire

Hi guys,
How to create a vertical line to a certain date on X axis? I found out that we will need to set x axis as
continuous scale to enable vertical line option...But this is not what I want. For example, I have attached a screenshot. I manually set the vertical line in August 2013...of course, this is not what i want to do (I can't manually input a date as i want the chart to analyze it), but that is the final look i want. I want the chart to read the date when it has the first water injection from well list i imported and then draw a vertical line on that date...From this date to future, it will be the waterflood period (it will be nice to somehow highlight this area in the chart with a light color but i dont know how to do it). Can somebody tell me what I need to do to achieve this and I do want x axis to be categorical scale as i want to show all dates.... Is there a custom curve script I can write? I assume i would need to write something like read the earliest date of the water injection and then draw a vertical line on this date...
Please help! Thanks!

Issue rendering a line chart (Microcharts)

I am working on aligning a LineChart (from Microcharts library) in a xamarin forms application. As this chart does not have obvious properties for customization (or perhaps I am not aware of those right now), I am wondering how to achieve the following functionalities:
How to remove gaps around the chart?
How to give color to the point, I do not want to color a line?
How to remove the shaded area below the line (I just want a line and the points displayed on the chart)?
Code sample
Thank you

Displaying interactive tool-tip containing data on box-plot dc.js instead of tool-tip title data

I am trying to display an interactive tool-tip on box plot data points with dc.js. i tried different ways with d3 and mouse event to display the tool-tip. But the data which comes when mouseover on point is 0 1 2 like the indexes of dots.
Does it possible to achieve result like second pic with dc.js or customizing with d3 anything ?
I am using the latest version of d3.js and dc.js. Can anyone help me with the little code and suggestion etc. i am unable to resolving such issues.

Looking for a way to change the starting angle for AnyChart 2D Pie Chart in Oracle Apex V5

The values for this 2d pie chart need to be displayed to the left and right of the chart.
The labels shown here are to the left and right and the chart is full sized! :)
The labels shown here are above and below, the size of the chart is reduced! :(
I'm using APEX V5.03 and using the standard 2d pie chart
Select null link
, FreeSpace Free
, UsedSpace Used
from Dashboard.DriveDetails
where serverName = :P2_ServerName
and Drive = :P2_DriveName
The Starting angle of the chart is at the 3 o'clock position and if the Drive is close to 50% full the values on the chart appear above and below the chart reducing the size of the chart. If I move the chart to 12 o'clock it will have the same problem when the drive is almost empty or almost full.
Is there any way to adjust the starting angle dynamically - or to force the values to the left/right of the chart?
Is there any way to adjust the starting angle dynamically - or to force the values to the left/right of the chart?
Unfortunately, it is not possible in the Flash version of AnyChart. 7.x versions allow changing starting angle dynamically.
However, to take advantage of 7.x you have to use APEX 4 or later and use plugin http://www.anychart.com/products/oracleapex/overview/

d3 bar chart does not extend to full width of svg

I have a bar chart (http://tributary.io/inlet/4720197) that plots a dataset with a large number of points that I can't get to fill the entire width of the svg. I had the same issue with a line chart and was able to resolve by using rangePoints.
I've been attempting something similar with this chart but can't quite get the right combination (it's using two scales for the grouping) and am unclear how to get the side-by-side bars that I previously accomplished with rangeBand() given that function does not exist with rangePoints. What am I missing?

Resources