AnyChart Plugin for Oracle APEX可以支持Sunburst和TreeMap图表。例如,以下代码可以在Oracle APEX中创建TreeMap图表。
首先,在Oracle APEX中安装AnyChart插件。接下来,在页面中创建一个区域,然后在区域属性中添加以下样式表:
#container {
width: 100%;
height: 500px;
}
接下来,在区域中添加动态内容,类型选择为“插件”。在插件属性中,添加以下JavaScript代码:
$.getJSON( "treemap_data.json", function( data ) {
anychart.onDocumentReady(function () {
var chart = anychart.treeMap(data, "as-tree");
chart.title("Sales by Product, Modeled by Order Date");
chart.container("container");
chart.draw();
});
});
最后,还需要添加一个JSON文件,以提供绘制图表所需的数据。在这种情况下,文件名为“treemap_data.json”。以下是一个示例JSON文件:
[
{
"id": "100",
"name": "Product A",
"parent": "",
"value": 4000
},
{
"id": "101",
"name": "Product B",
"parent": "",
"value": 3200
},
{
"id": "110",
"name": "Category 1",
"parent": "100",
"value": 2000
},
{
"id": "111",
"name": "Category 2",
"parent": "100",
"value": 2000
},
{
"id": "112",
"name": "Category A1",
"parent": "110",
"value": 1000
},
{
"id": "113",
"name": "Category A2",
"parent": "110",
"value": 1000
},
{
"id": "114",
"name": "Category B1",
"parent": "111",
"value": 1000
},
{
"id": "115",
"name": "Category B2",
"parent": "111",
"value": 1000
},
{
"id": "201",
"name": "Product C",
"parent": "",
"value": 2500
}
]
类似地,也可以使用