AnyChartPluginforOracleAPEX是否支持Sunburst或TreeMap图表?
创始人
2024-08-22 10:00:11
0

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
  }
]

类似地,也可以使用

相关内容

热门资讯

总算清楚!wepoker怎么拿... 总算清楚!wepoker怎么拿到好牌(辅助挂)真是真的有挂(确实有挂)进入游戏-大厅左侧-新手福利-...
玩家必看教程!epoker免费... 玩家必看教程!epoker免费透视脚本(辅助挂)总是真的有挂(有挂头条)epoker免费透视脚本能透...
科技通报!智星德州辅助译码插件... 您好,智星德州辅助译码插件靠谱吗这款游戏可以开挂的,确实是有挂的,需要了解加去威信【13670430...
必知教程!wepoker底牌透... 必知教程!wepoker底牌透视(辅助挂)切实存在有挂(有挂透明挂)亲,关键说明,wepoker底牌...
大家学习交流!wepoker透... 大家学习交流!wepoker透视破解版(辅助挂)本来有挂(有挂解惑)1、打开软件启动之后找到中间准星...
普及知识!we poker插件... 普及知识!we poker插件(辅助挂)一直是真的有挂(竟然有挂)1、许多玩家不知道we poker...
最新通报!werplan外挂(... 最新通报!werplan外挂(辅助挂)本来有挂(讲解有挂)小薇(辅助器软件下载)致您一封信;亲爱we...
玩家攻略推荐!wepoker永... 玩家攻略推荐!wepoker永久免费脚本(辅助挂)竟然真的是有挂(有挂分享)1、下载好wepoker...
三分钟了解!hhpkoer辅助... 三分钟了解!hhpkoer辅助器视频(辅助挂)总是是有挂(有挂功能)1、完成hhpkoer辅助器视频...
专业讨论!sohoopoker... 专业讨论!sohoopoker辅助(辅助挂)一贯存在有挂(有挂分析)1、全新机制【sohoopoke...