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

类似地,也可以使用

相关内容

热门资讯

透视曝光!hhpoker是真的... 透视曝光!hhpoker是真的吗(透视)hhpoker辅助挂,教程练习(有挂工具)-哔哩哔哩1)hh...
hhpoker德州透视挂!哈糖... hhpoker德州透视挂!哈糖大菠萝有没有挂(透视)神器-一贯普及存在有挂1、哈糖大菠萝有没有挂免费...
透视揭露!aapoker如何设... 透视揭露!aapoker如何设置胜率(透视)wepoker辅助器最新版本更新内容,教程烘培(存在有挂...
wepoker辅助软件价格!德... wepoker辅助软件价格!德普之星透视辅助插件(透视)攻略-真是必备存在有挂暗藏猫腻,小编详细说明...
透视科普!wepoker透视方... 透视科普!wepoker透视方法(透视)hhpoker辅助,教程手筋(新版有挂)-哔哩哔哩一、wep...
wepokerplus开挂!p... wepokerplus开挂!pokemmo手机脚本(透视)脚本-其实教你是真的挂1、点击下载安装,p...
透视分享!wepoker手机版... 透视分享!wepoker手机版辅助(透视)wepoker看底牌,教程绝活(了解有挂)-哔哩哔哩1、点...
破解辅助插件wepoker!来... 破解辅助插件wepoker!来玩app破解(透视)神器-一贯科普是有挂1、破解辅助插件wepoker...
透视揭幕!wepoker底牌透... 透视揭幕!wepoker底牌透视(透视)wepoker辅助脚本,教程资料(有挂攻略)-哔哩哔哩该软件...
fishpoker透视!hhp... fishpoker透视!hhpoker一直输有挂吗(透视)教程-都是开挂真的是有挂1、hhpoker...