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

类似地,也可以使用

相关内容

热门资讯

透视计算(wepoke智能ai... 透视计算(wepoke智能ai)wpk微扑克真的(详细辅助透明挂教程)素来有挂;致您一封信;亲爱玩家...
微扑克游戏辅助器!wepoke... 微扑克游戏辅助器!wepoke显示有,(wePOKE)都是真的有挂(详细辅助插件教程);精心打造了俱...
透视挂透视(德扑之星有猫腻)微... 1、透视挂透视(德扑之星有猫腻)微扑克线上代打工具(详细辅助细节方法)确实真的是有挂2、进入游戏-大...
wpk德州透视辅助!扑克世界牌... wpk德州透视辅助!扑克世界牌局设置,(云扑克德州)素来是有挂(详细透视详细教程);原来确实真的有挂...
透视攻略(aapoker透明挂... 透视攻略(aapoker透明挂)德扑之星怎么埋牌(详细辅助攻略方法)往昔是真的有挂1、让任何用户在无...
微扑克系统发牌规律!德州之星透... 微扑克系统发牌规律!德州之星透牌器,(wPk)竟然是有挂(详细辅助必胜教程);致您一封信;亲爱微扑克...
透视神器(wepoke一定有挂... 一、简介了解软件请加微:136704302是一款在线扑克游戏平台,玩家可以在平台上进行多人在线扑克游...
aapoker挂!哈糖大菠萝十... aapoker挂!哈糖大菠萝十三张胜率,(德扑)原先是真的有挂(详细透视科技教程);小薇(透视辅助)...
透视教学(wpk有辅助挂)德州... 透视教学(wpk有辅助挂)德州扑克ai机器人(详细辅助规律教程)真是有挂1、ai机器人多个强度级别选...
wepokeai代打的胜率!德... wepokeai代打的胜率!德州专用扑克高科技,(wePOke)好像存在有挂(详细透视必赢教程)1、...