AnyChart Plugin for APEX
Area
Bar
Bubble & Bubble
Column
Links
Multiple series
Pies & Donuts
Gauges
Marker
Heat Map
Funnel
Single Series Bubble Chart
Query
SELECT 'Product 1' x, '1', '637' units, '6' profit FROM DUAL UNION ALL SELECT 'Product 2', '2', '472', '14' FROM DUAL UNION ALL SELECT 'Product 3', '3', '48', '10' FROM DUAL
Options
chart = anychart.bubble();
chart.title("Single Series");
chart.minBubbleSize(10);
chart.maxBubbleSize(40);
var xAxis = chart.xAxis();
xAxis.drawFirstLabel(false);
xAxis.title("Products");
var yAxis = chart.yAxis();
yAxis.title("Units Sold");
yAxis.drawFirstLabel(false);
var xScale = chart.xScale();
xScale.minimum(0);
xScale.maximum(4);
var xTicks = chart.xScale().ticks();
xTicks.interval(1);
var series1 = data.mapAs({x:[1],value:[2],size:[3]});
chart.bubble(series1);
Multi-series Bubble Chart
Query
SELECT 'Product 1' x, '1', '637' units1, '6' profit1, '630' units2, '12' profit2 FROM DUAL UNION ALL SELECT 'Product 2', '2', '72', '14', '32', '10' FROM DUAL UNION ALL SELECT 'Product 3', '3', '48', '10', '48', '20' FROM DUAL
Chart Options
New
chart = anychart.bubble();
chart.title("Multi Series");
chart.minBubbleSize(10);
chart.maxBubbleSize(40);
var xAxis = chart.xAxis();
xAxis.drawFirstLabel(false);
xAxis.title("Products");
var yAxis = chart.yAxis();
yAxis.title("Units Sold");
yAxis.drawFirstLabel(false);
var xScale = chart.xScale();
xScale.minimum(0);
xScale.maximum(4);
var xTicks = chart.xScale().ticks();
xTicks.interval(1);
var series1 = data.mapAs({x:[1],value:[2],size:[3]});
chart.bubble(series1);
var series2 = data.mapAs({x:[1],value:[4],size:[5]});
chart.bubble(series2);
Bullet Chart
SQL Query
SELECT 'Revenue', '637.166' FROM DUAL
Chart Options
var series1 = data.mapAs({value:[1]});
chart = anychart.bullet(series1);
chart.title("Revenue");
chart.range().from(0).to(100);
chart.range(1).from(100).to(200);
chart.range(2).from(200).to(400);
chart.range(3).from(400).to(500);
chart.range(4).from(500).to(700);
chart.bounds(0, 0, "100%", 125);