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私人局透视插件(透视)红龙poker辅助工具,教程积累(有挂规律)-哔哩哔哩...
透视分享!hhpoker透视方... 透视分享!hhpoker透视方法(透视)werplan免费挂下载,教程指引(有挂教学)-哔哩哔哩一、...
poker辅助器免费安装!拱趴... poker辅助器免费安装!拱趴大菠萝十三水透视(透视)app-确实了解是真的挂暗藏猫腻,小编详细说明...
透视详情!wejoker透视方... 透视详情!wejoker透视方法(透视)hhpoker透视脚本下载,教程阶段(有挂细节)-哔哩哔哩1...
拱趴大菠萝有挂吗!hhpoke... 拱趴大菠萝有挂吗!hhpoker透视工具(透视)方法-果然必备真的有挂1、拱趴大菠萝有挂吗模拟器是什...
wepoker软件辅助程序!p... wepoker软件辅助程序!pokerworld软件(透视)工具-确实解谜是真的挂1、金币登录送、破...
透视解谜!wepoker免费辅... 透视解谜!wepoker免费辅助器(透视)aapoker怎么设置抽水,教程演示(真的有挂)-哔哩哔哩...
透视普及!wejoker黑侠辅... 透视普及!wejoker黑侠辅助器(透视)wepoker如何设置透视,教程法门(有挂详情)-哔哩哔哩...
wejoker辅助器要钱玩吗!... wejoker辅助器要钱玩吗!wepoker有没有机器人(透视)脚本-本来分享是有挂1.wejoke...
透视揭幕!哈糖大菠萝能开挂吗(... 透视揭幕!哈糖大菠萝能开挂吗(透视)安装不了wepoker,教程练习(有挂规律)-哔哩哔哩1、哈糖大...