echarts-for-react
Version:
Apache Echarts components for React.
1,678 lines (1,621 loc) • 195 kB
text/typescript
// @ts-nocheck
import React from 'react';
import { dynamic } from 'dumi';
export default {
'docs-demo': {
component: function DumiDemo() {
var _interopRequireDefault = require("/Users/xiaowei/Documents/code/antv/echarts-for-react/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"];
var _react = _interopRequireDefault(require("react"));
var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
var Page = function Page() {
var options = {
grid: {
top: 8,
right: 8,
bottom: 24,
left: 36
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
smooth: true
}],
tooltip: {
trigger: 'axis'
}
};
return /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
option: options
});
};
var _default;
return _react["default"].createElement(Page);
},
previewerProps: {"sources":{"_":{"tsx":"import React from 'react';\nimport ReactECharts from 'echarts-for-react';\n\nconst Page: React.FC = () => {\n const options = {\n grid: { top: 8, right: 8, bottom: 24, left: 36 },\n xAxis: {\n type: 'category',\n data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\n },\n yAxis: {\n type: 'value',\n },\n series: [\n {\n data: [820, 932, 901, 934, 1290, 1330, 1320],\n type: 'line',\n smooth: true,\n },\n ],\n tooltip: {\n trigger: 'axis',\n },\n };\n\n return <ReactECharts option={options} />;\n};\n\nexport default Page;"}},"dependencies":{"react":{"version":"^15.0.0 || >=16.0.0"},"echarts-for-react":{"version":"3.0.6"},"echarts":{"version":"^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0"}},"identifier":"docs-demo"},
},
'api-demo': {
component: function DumiDemo() {
var _interopRequireDefault = require("/Users/xiaowei/Documents/code/antv/echarts-for-react/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"];
var _interopRequireWildcard = require("/Users/xiaowei/Documents/code/antv/echarts-for-react/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireWildcard.js")["default"];
var _react = _interopRequireWildcard(require("react"));
var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
var Page = function Page() {
var option = {
title: {
text: '漏斗图',
subtext: '纯属虚构'
},
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b} : {c}%"
},
toolbox: {
feature: {
dataView: {
readOnly: false
},
restore: {},
saveAsImage: {}
}
},
legend: {
data: ['展现', '点击', '访问', '咨询', '订单']
},
series: [{
name: '预期',
type: 'funnel',
left: '10%',
width: '80%',
label: {
normal: {
formatter: '{b}预期'
},
emphasis: {
position: 'inside',
formatter: '{b}预期: {c}%'
}
},
labelLine: {
normal: {
show: false
}
},
itemStyle: {
normal: {
opacity: 0.7
}
},
data: [{
value: 60,
name: '访问'
}, {
value: 40,
name: '咨询'
}, {
value: 20,
name: '订单'
}, {
value: 80,
name: '点击'
}, {
value: 100,
name: '展现'
}]
}, {
name: '实际',
type: 'funnel',
left: '10%',
width: '80%',
maxSize: '80%',
label: {
normal: {
position: 'inside',
formatter: '{c}%',
textStyle: {
color: '#fff'
}
},
emphasis: {
position: 'inside',
formatter: '{b}实际: {c}%'
}
},
itemStyle: {
normal: {
opacity: 0.5,
borderColor: '#fff',
borderWidth: 2
}
},
data: [{
value: 30,
name: '访问'
}, {
value: 10,
name: '咨询'
}, {
value: 5,
name: '订单'
}, {
value: 50,
name: '点击'
}, {
value: 80,
name: '展现'
}]
}]
};
var instance = (0, _react.useRef)(null);
function clickBtn() {
var base64 = instance.current.getEchartsInstance().getDataURL();
var img = new Image();
img.src = base64;
var newWin = window.open('', '_blank');
newWin.document.write(img.outerHTML);
}
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
ref: instance,
option: option,
style: {
height: 400
}
}), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
onClick: clickBtn
}, "click here to get the DataURL of chart.")));
};
var _default;
return _react["default"].createElement(Page);
},
previewerProps: {"sources":{"_":{"tsx":"import React, { useRef } from 'react';\nimport ReactECharts from 'echarts-for-react';\n\nconst Page: React.FC = () => {\n const option = {\n title: {\n text: '漏斗图',\n subtext: '纯属虚构'\n },\n tooltip: {\n trigger: 'item',\n formatter: \"{a} <br/>{b} : {c}%\"\n },\n toolbox: {\n feature: {\n dataView: {readOnly: false},\n restore: {},\n saveAsImage: {}\n }\n },\n legend: {\n data: ['展现','点击','访问','咨询','订单']\n },\n series: [\n {\n name: '预期',\n type: 'funnel',\n left: '10%',\n width: '80%',\n label: {\n normal: {\n formatter: '{b}预期'\n },\n emphasis: {\n position:'inside',\n formatter: '{b}预期: {c}%'\n }\n },\n labelLine: {\n normal: {\n show: false\n }\n },\n itemStyle: {\n normal: {\n opacity: 0.7\n }\n },\n data: [\n {value: 60, name: '访问'},\n {value: 40, name: '咨询'},\n {value: 20, name: '订单'},\n {value: 80, name: '点击'},\n {value: 100, name: '展现'}\n ]\n },\n {\n name: '实际',\n type: 'funnel',\n left: '10%',\n width: '80%',\n maxSize: '80%',\n label: {\n normal: {\n position: 'inside',\n formatter: '{c}%',\n textStyle: {\n color: '#fff'\n }\n },\n emphasis: {\n position:'inside',\n formatter: '{b}实际: {c}%'\n }\n },\n itemStyle: {\n normal: {\n opacity: 0.5,\n borderColor: '#fff',\n borderWidth: 2\n }\n },\n data: [\n {value: 30, name: '访问'},\n {value: 10, name: '咨询'},\n {value: 5, name: '订单'},\n {value: 50, name: '点击'},\n {value: 80, name: '展现'}\n ]\n }\n ]\n };\n\n const instance = useRef(null);\n\n function clickBtn() {\n const base64 = instance.current.getEchartsInstance().getDataURL();\n\n const img = new Image();\n img.src = base64;\n const newWin = window.open('', '_blank');\n newWin.document.write(img.outerHTML);\n }\n\n return (\n <>\n <ReactECharts\n ref={instance}\n option={option}\n style={{ height: 400 }}\n />\n <div>\n <button onClick={clickBtn}>click here to get the DataURL of chart.</button>\n </div>\n </>\n );\n};\n\nexport default Page;"}},"dependencies":{"react":{"version":"^15.0.0 || >=16.0.0"},"echarts-for-react":{"version":"3.0.6"},"echarts":{"version":"^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0"}},"identifier":"api-demo"},
},
'dynamic-demo': {
component: function DumiDemo() {
var _interopRequireWildcard = require("/Users/xiaowei/Documents/code/antv/echarts-for-react/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireWildcard.js")["default"];
var _interopRequireDefault = require("/Users/xiaowei/Documents/code/antv/echarts-for-react/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"];
var _slicedToArray2 = _interopRequireDefault(require("/Users/xiaowei/Documents/code/antv/echarts-for-react/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/esm/slicedToArray.js"));
var _react = _interopRequireWildcard(require("react"));
var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
var _lodash = _interopRequireDefault(require("lodash.clonedeep"));
var Page = function Page() {
var DEFAULT_OPTION = {
title: {
text: 'Hello Echarts-for-react.'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['最新成交价', '预购队列']
},
toolbox: {
show: true,
feature: {
dataView: {
readOnly: false
},
restore: {},
saveAsImage: {}
}
},
grid: {
top: 60,
left: 30,
right: 60,
bottom: 90
},
dataZoom: {
show: false,
start: 0,
end: 100
},
visualMap: {
show: false,
min: 0,
max: 1000,
color: ['#BE002F', '#F20C00', '#F00056', '#FF2D51', '#FF2121', '#FF4C00', '#FF7500', '#FF8936', '#FFA400', '#F0C239', '#FFF143', '#FAFF72', '#C9DD22', '#AFDD22', '#9ED900', '#00E500', '#0EB83A', '#0AA344', '#0C8918', '#057748', '#177CB0']
},
xAxis: [{
type: 'category',
boundaryGap: true,
data: function () {
var now = new Date();
var res = [];
var len = 50;
while (len--) {
res.unshift(now.toLocaleTimeString().replace(/^\D*/, ''));
now = new Date(now - 2000);
}
return res;
}()
}, {
type: 'category',
boundaryGap: true,
data: function () {
var res = [];
var len = 50;
while (len--) {
res.push(50 - len + 1);
}
return res;
}()
}],
yAxis: [{
type: 'value',
scale: true,
name: '价格',
max: 20,
min: 0,
boundaryGap: [0.2, 0.2]
}, {
type: 'value',
scale: true,
name: '预购量',
max: 1200,
min: 0,
boundaryGap: [0.2, 0.2]
}],
series: [{
name: '预购队列',
type: 'bar',
xAxisIndex: 1,
yAxisIndex: 1,
itemStyle: {
normal: {
barBorderRadius: 4
}
},
animationEasing: 'elasticOut',
animationDelay: function animationDelay(idx) {
return idx * 10;
},
animationDelayUpdate: function animationDelayUpdate(idx) {
return idx * 10;
},
data: function () {
var res = [];
var len = 50;
while (len--) {
res.push(Math.round(Math.random() * 1000));
}
return res;
}()
}, {
name: '最新成交价',
type: 'line',
data: function () {
var res = [];
var len = 0;
while (len < 50) {
res.push((Math.random() * 10 + 5).toFixed(1) - 0);
len++;
}
return res;
}()
}]
};
var count;
var _useState = (0, _react.useState)(DEFAULT_OPTION),
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
option = _useState2[0],
setOption = _useState2[1];
function fetchNewData() {
var axisData = new Date().toLocaleTimeString().replace(/^\D*/, '');
var newOption = (0, _lodash["default"])(option); // immutable
newOption.title.text = 'Hello Echarts-for-react.' + new Date().getSeconds();
var data0 = newOption.series[0].data;
var data1 = newOption.series[1].data;
data0.shift();
data0.push(Math.round(Math.random() * 1000));
data1.shift();
data1.push((Math.random() * 10 + 5).toFixed(1) - 0);
newOption.xAxis[0].data.shift();
newOption.xAxis[0].data.push(axisData);
newOption.xAxis[1].data.shift();
newOption.xAxis[1].data.push(count++);
setOption(newOption);
}
(0, _react.useEffect)(function () {
var timer = setInterval(function () {
fetchNewData();
}, 1000);
return function () {
return clearInterval(timer);
};
});
return /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
option: option,
style: {
height: 400
}
});
};
var _default;
return _react["default"].createElement(Page);
},
previewerProps: {"sources":{"_":{"tsx":"import React, { useState, useEffect } from 'react';\nimport ReactECharts from 'echarts-for-react';\nimport cloneDeep from 'lodash.clonedeep';\n\nconst Page: React.FC = () => {\n const DEFAULT_OPTION = {\n title: {\n text: 'Hello Echarts-for-react.',\n },\n tooltip: {\n trigger: 'axis',\n },\n legend: {\n data: ['最新成交价', '预购队列'],\n },\n toolbox: {\n show: true,\n feature: {\n dataView: { readOnly: false },\n restore: {},\n saveAsImage: {},\n },\n },\n grid: {\n top: 60,\n left: 30,\n right: 60,\n bottom: 90,\n },\n dataZoom: {\n show: false,\n start: 0,\n end: 100,\n },\n visualMap: {\n show: false,\n min: 0,\n max: 1000,\n color: [\n '#BE002F',\n '#F20C00',\n '#F00056',\n '#FF2D51',\n '#FF2121',\n '#FF4C00',\n '#FF7500',\n '#FF8936',\n '#FFA400',\n '#F0C239',\n '#FFF143',\n '#FAFF72',\n '#C9DD22',\n '#AFDD22',\n '#9ED900',\n '#00E500',\n '#0EB83A',\n '#0AA344',\n '#0C8918',\n '#057748',\n '#177CB0',\n ],\n },\n xAxis: [\n {\n type: 'category',\n boundaryGap: true,\n data: (function () {\n let now = new Date();\n let res = [];\n let len = 50;\n while (len--) {\n res.unshift(now.toLocaleTimeString().replace(/^\\D*/, ''));\n now = new Date(now - 2000);\n }\n return res;\n })(),\n },\n {\n type: 'category',\n boundaryGap: true,\n data: (function () {\n let res = [];\n let len = 50;\n while (len--) {\n res.push(50 - len + 1);\n }\n return res;\n })(),\n },\n ],\n yAxis: [\n {\n type: 'value',\n scale: true,\n name: '价格',\n max: 20,\n min: 0,\n boundaryGap: [0.2, 0.2],\n },\n {\n type: 'value',\n scale: true,\n name: '预购量',\n max: 1200,\n min: 0,\n boundaryGap: [0.2, 0.2],\n },\n ],\n series: [\n {\n name: '预购队列',\n type: 'bar',\n xAxisIndex: 1,\n yAxisIndex: 1,\n itemStyle: {\n normal: {\n barBorderRadius: 4,\n },\n },\n animationEasing: 'elasticOut',\n animationDelay: function (idx) {\n return idx * 10;\n },\n animationDelayUpdate: function (idx) {\n return idx * 10;\n },\n data: (function () {\n let res = [];\n let len = 50;\n while (len--) {\n res.push(Math.round(Math.random() * 1000));\n }\n return res;\n })(),\n },\n {\n name: '最新成交价',\n type: 'line',\n data: (function () {\n let res = [];\n let len = 0;\n while (len < 50) {\n res.push((Math.random() * 10 + 5).toFixed(1) - 0);\n len++;\n }\n return res;\n })(),\n },\n ],\n };\n\n let count;\n\n const [option, setOption] = useState(DEFAULT_OPTION);\n\n function fetchNewData() {\n const axisData = new Date().toLocaleTimeString().replace(/^\\D*/, '');\n const newOption = cloneDeep(option); // immutable\n newOption.title.text = 'Hello Echarts-for-react.' + new Date().getSeconds();\n const data0 = newOption.series[0].data;\n const data1 = newOption.series[1].data;\n data0.shift();\n data0.push(Math.round(Math.random() * 1000));\n data1.shift();\n data1.push((Math.random() * 10 + 5).toFixed(1) - 0);\n\n newOption.xAxis[0].data.shift();\n newOption.xAxis[0].data.push(axisData);\n newOption.xAxis[1].data.shift();\n newOption.xAxis[1].data.push(count++);\n\n setOption(newOption);\n }\n\n useEffect(() => {\n const timer = setInterval(() => {\n fetchNewData();\n }, 1000);\n\n return () => clearInterval(timer);\n });\n\n return <ReactECharts option={option} style={{ height: 400 }} />;\n};\n\nexport default Page;"}},"dependencies":{"react":{"version":"^15.0.0 || >=16.0.0"},"echarts-for-react":{"version":"3.0.6"},"lodash.clonedeep":{"version":"4.5.0"},"echarts":{"version":"^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0"}},"identifier":"dynamic-demo"},
},
'event-demo': {
component: function DumiDemo() {
var _interopRequireWildcard = require("/Users/xiaowei/Documents/code/antv/echarts-for-react/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireWildcard.js")["default"];
var _interopRequireDefault = require("/Users/xiaowei/Documents/code/antv/echarts-for-react/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"];
var _slicedToArray2 = _interopRequireDefault(require("/Users/xiaowei/Documents/code/antv/echarts-for-react/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/esm/slicedToArray.js"));
var _react = _interopRequireWildcard(require("react"));
var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
var Page = function Page() {
var option = {
title: {
text: '某站点用户访问来源',
subtext: '纯属虚构',
x: 'center'
},
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
},
series: [{
name: '访问来源',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: [{
value: 335,
name: '直接访问'
}, {
value: 310,
name: '邮件营销'
}, {
value: 234,
name: '联盟广告'
}, {
value: 135,
name: '视频广告'
}, {
value: 1548,
name: '搜索引擎'
}],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}]
};
var _useState = (0, _react.useState)(0),
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
count = _useState2[0],
setCount = _useState2[1];
function onChartReady(echarts) {
console.log('echarts is ready', echarts);
}
function onChartClick(param, echarts) {
console.log(param, echarts);
setCount(count + 1);
}
;
function onChartLegendselectchanged(param, echarts) {
console.log(param, echarts);
}
;
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
option: option,
style: {
height: 400
},
onChartReady: onChartReady,
onEvents: {
'click': onChartClick,
'legendselectchanged': onChartLegendselectchanged
}
}), /*#__PURE__*/_react["default"].createElement("div", null, "Click Count: ", count), /*#__PURE__*/_react["default"].createElement("div", null, "Open console, see the log detail."));
};
var _default;
return _react["default"].createElement(Page);
},
previewerProps: {"sources":{"_":{"tsx":"import React, { useState } from 'react';\nimport ReactECharts from 'echarts-for-react';\n\nconst Page: React.FC = () => {\n const option = {\n title : {\n text: '某站点用户访问来源',\n subtext: '纯属虚构',\n x:'center'\n },\n tooltip : {\n trigger: 'item',\n formatter: \"{a} <br/>{b} : {c} ({d}%)\"\n },\n legend: {\n orient: 'vertical',\n left: 'left',\n data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']\n },\n series : [\n {\n name: '访问来源',\n type: 'pie',\n radius : '55%',\n center: ['50%', '60%'],\n data:[\n {value:335, name:'直接访问'},\n {value:310, name:'邮件营销'},\n {value:234, name:'联盟广告'},\n {value:135, name:'视频广告'},\n {value:1548, name:'搜索引擎'}\n ],\n itemStyle: {\n emphasis: {\n shadowBlur: 10,\n shadowOffsetX: 0,\n shadowColor: 'rgba(0, 0, 0, 0.5)'\n }\n }\n }\n ]\n };\n\n const [count, setCount] = useState(0);\n\n function onChartReady(echarts) {\n console.log('echarts is ready', echarts);\n }\n\n function onChartClick(param, echarts) {\n console.log(param, echarts);\n setCount(count + 1);\n };\n\n function onChartLegendselectchanged(param, echarts) {\n console.log(param, echarts);\n };\n\n return (\n <>\n <ReactECharts\n option={option}\n style={{ height: 400 }}\n onChartReady={onChartReady}\n onEvents={{\n 'click': onChartClick,\n 'legendselectchanged': onChartLegendselectchanged\n }}\n />\n <div>Click Count: {count}</div>\n <div>Open console, see the log detail.</div>\n </>\n );\n};\n\nexport default Page;"}},"dependencies":{"react":{"version":"^15.0.0 || >=16.0.0"},"echarts-for-react":{"version":"3.0.6"},"echarts":{"version":"^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0"}},"identifier":"event-demo"},
},
'gl-demo': {
component: function DumiDemo() {
var _interopRequireDefault = require("/Users/xiaowei/Documents/code/antv/echarts-for-react/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"];
var _react = _interopRequireDefault(require("react"));
var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
require("echarts-gl");
var Page = function Page() {
var option = {
grid3D: {},
xAxis3D: {},
yAxis3D: {},
zAxis3D: {},
series: [{
type: 'scatter3D',
symbolSize: 50,
data: [[-1, -1, -1], [0, 0, 0], [1, 1, 1]],
itemStyle: {
opacity: 1
}
}]
};
return /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
option: option,
style: {
height: 400
}
});
};
var _default;
return _react["default"].createElement(Page);
},
previewerProps: {"sources":{"_":{"tsx":"import React from 'react';\nimport ReactECharts from 'echarts-for-react';\nimport 'echarts-gl';\n\nconst Page: React.FC = () => {\n const option = {\n grid3D: {},\n xAxis3D: {},\n yAxis3D: {},\n zAxis3D: {},\n series: [{\n type: 'scatter3D',\n symbolSize: 50,\n data: [[-1, -1, -1], [0, 0, 0], [1, 1, 1]],\n itemStyle: {\n opacity: 1\n }\n }]\n };\n\n return <ReactECharts\n option={option}\n style={{ height: 400 }}\n />;\n};\n\nexport default Page;"}},"dependencies":{"react":{"version":"^15.0.0 || >=16.0.0"},"echarts-for-react":{"version":"3.0.6"},"echarts-gl":{"version":"2.0.9"},"echarts":{"version":"^5.1.2"}},"identifier":"gl-demo"},
},
'graph-demo': {
component: function DumiDemo() {
var _interopRequireDefault = require("/Users/xiaowei/Documents/code/antv/echarts-for-react/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"];
var _react = _interopRequireDefault(require("react"));
var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
var Page = function Page() {
var webkitDep = {
"type": "force",
"categories": [{
"name": "HTMLElement",
"keyword": {},
"base": "HTMLElement"
}, {
"name": "WebGL",
"keyword": {},
"base": "WebGLRenderingContext"
}, {
"name": "SVG",
"keyword": {},
"base": "SVGElement"
}, {
"name": "CSS",
"keyword": {},
"base": "CSSRule"
}, {
"name": "Other",
"keyword": {}
}],
"nodes": [{
"name": "AnalyserNode",
"value": 1,
"category": 4
}, {
"name": "AudioNode",
"value": 1,
"category": 4
}, {
"name": "Uint8Array",
"value": 1,
"category": 4
}, {
"name": "Float32Array",
"value": 1,
"category": 4
}, {
"name": "ArrayBuffer",
"value": 1,
"category": 4
}, {
"name": "ArrayBufferView",
"value": 1,
"category": 4
}, {
"name": "Attr",
"value": 1,
"category": 4
}, {
"name": "Node",
"value": 1,
"category": 4
}, {
"name": "Element",
"value": 1,
"category": 4
}, {
"name": "AudioBuffer",
"value": 1,
"category": 4
}, {
"name": "AudioBufferCallback",
"value": 1,
"category": 4
}, {
"name": "AudioBufferSourceNode",
"value": 1,
"category": 4
}, {
"name": "AudioSourceNode",
"value": 1,
"category": 4
}, {
"name": "AudioGain",
"value": 1,
"category": 4
}, {
"name": "AudioParam",
"value": 1,
"category": 4
}, {
"name": "AudioContext",
"value": 1,
"category": 4
}, {
"name": "AudioDestinationNode",
"value": 1,
"category": 4
}, {
"name": "AudioListener",
"value": 1,
"category": 4
}, {
"name": "BiquadFilterNode",
"value": 1,
"category": 4
}, {
"name": "ChannelMergerNode",
"value": 1,
"category": 4
}, {
"name": "ChannelSplitterNode",
"value": 1,
"category": 4
}, {
"name": "ConvolverNode",
"value": 1,
"category": 4
}, {
"name": "DelayNode",
"value": 1,
"category": 4
}, {
"name": "DynamicsCompressorNode",
"value": 1,
"category": 4
}, {
"name": "GainNode",
"value": 1,
"category": 4
}, {
"name": "MediaElementAudioSourceNode",
"value": 1,
"category": 4
}, {
"name": "MediaStreamAudioDestinationNode",
"value": 1,
"category": 4
}, {
"name": "MediaStreamAudioSourceNode",
"value": 1,
"category": 4
}, {
"name": "OscillatorNode",
"value": 1,
"category": 4
}, {
"name": "PannerNode",
"value": 1,
"category": 4
}, {
"name": "ScriptProcessorNode",
"value": 1,
"category": 4
}, {
"name": "WaveShaperNode",
"value": 1,
"category": 4
}, {
"name": "WaveTable",
"value": 1,
"category": 4
}, {
"name": "CanvasRenderingContext",
"value": 1,
"category": 4
}, {
"name": "HTMLCanvasElement",
"value": 1,
"category": 0
}, {
"name": "CanvasRenderingContext2D",
"value": 1,
"category": 4
}, {
"name": "ImageData",
"value": 1,
"category": 4
}, {
"name": "CanvasGradient",
"value": 1,
"category": 4
}, {
"name": "CanvasPattern",
"value": 1,
"category": 4
}, {
"name": "HTMLImageElement",
"value": 1,
"category": 0
}, {
"name": "HTMLVideoElement",
"value": 1,
"category": 0
}, {
"name": "TextMetrics",
"value": 1,
"category": 4
}, {
"name": "CDATASection",
"value": 1,
"category": 4
}, {
"name": "Text",
"value": 1,
"category": 4
}, {
"name": "CharacterData",
"value": 1,
"category": 4
}, {
"name": "ClientRectList",
"value": 1,
"category": 4
}, {
"name": "ClientRect",
"value": 1,
"category": 4
}, {
"name": "Clipboard",
"value": 1,
"category": 4
}, {
"name": "FileList",
"value": 1,
"category": 4
}, {
"name": "DataTransferItemList",
"value": 1,
"category": 4
}, {
"name": "Comment",
"value": 1,
"category": 4
}, {
"name": "Console",
"value": 1,
"category": 4
}, {
"name": "MemoryInfo",
"value": 1,
"category": 4
}, {
"name": "Crypto",
"value": 1,
"category": 4
}, {
"name": "CSSCharsetRule",
"value": 1,
"category": 3
}, {
"name": "CSSRule",
"value": 3,
"category": 3
}, {
"name": "CSSFontFaceRule",
"value": 1,
"category": 3
}, {
"name": "CSSStyleDeclaration",
"value": 1,
"category": 3
}, {
"name": "CSSImportRule",
"value": 1,
"category": 3
}, {
"name": "MediaList",
"value": 1,
"category": 4
}, {
"name": "CSSStyleSheet",
"value": 1,
"category": 3
}, {
"name": "CSSMediaRule",
"value": 1,
"category": 3
}, {
"name": "CSSRuleList",
"value": 1,
"category": 3
}, {
"name": "CSSPageRule",
"value": 1,
"category": 3
}, {
"name": "CSSPrimitiveValue",
"value": 1,
"category": 3
}, {
"name": "CSSValue",
"value": 1,
"category": 3
}, {
"name": "Counter",
"value": 1,
"category": 4
}, {
"name": "RGBColor",
"value": 1,
"category": 4
}, {
"name": "Rect",
"value": 1,
"category": 4
}, {
"name": "CSSStyleRule",
"value": 1,
"category": 3
}, {
"name": "StyleSheet",
"value": 1,
"category": 4
}, {
"name": "CSSUnknownRule",
"value": 1,
"category": 3
}, {
"name": "CSSValueList",
"value": 1,
"category": 3
}, {
"name": "Database",
"value": 1,
"category": 4
}, {
"name": "SQLTransactionCallback",
"value": 1,
"category": 4
}, {
"name": "DatabaseCallback",
"value": 1,
"category": 4
}, {
"name": "DatabaseSync",
"value": 1,
"category": 4
}, {
"name": "SQLTransactionSyncCallback",
"value": 1,
"category": 4
}, {
"name": "DataTransferItem",
"value": 1,
"category": 4
}, {
"name": "StringCallback",
"value": 1,
"category": 4
}, {
"name": "Entry",
"value": 1,
"category": 4
}, {
"name": "File",
"value": 1,
"category": 4
}, {
"name": "DataView",
"value": 1,
"category": 4
}, {
"name": "DedicatedWorkerContext",
"value": 1,
"category": 4
}, {
"name": "WorkerContext",
"value": 1,
"category": 4
}, {
"name": "DirectoryEntry",
"value": 1,
"category": 4
}, {
"name": "DirectoryReader",
"value": 1,
"category": 4
}, {
"name": "VoidCallback",
"value": 1,
"category": 4
}, {
"name": "DirectoryEntrySync",
"value": 1,
"category": 4
}, {
"name": "EntrySync",
"value": 1,
"category": 4
}, {
"name": "DirectoryReaderSync",
"value": 1,
"category": 4
}, {
"name": "FileEntrySync",
"value": 1,
"category": 4
}, {
"name": "EntriesCallback",
"value": 1,
"category": 4
}, {
"name": "EntryArraySync",
"value": 1,
"category": 4
}, {
"name": "DocumentFragment",
"value": 1,
"category": 4
}, {
"name": "NodeList",
"value": 1,
"category": 4
}, {
"name": "DocumentType",
"value": 1,
"category": 4
}, {
"name": "NamedNodeMap",
"value": 1,
"category": 4
}, {
"name": "DOMFileSystem",
"value": 1,
"category": 4
}, {
"name": "DOMFileSystemSync",
"value": 1,
"category": 4
}, {
"name": "DOMImplementation",
"value": 1,
"category": 4
}, {
"name": "HTMLDocument",
"value": 1,
"category": 0
}, {
"name": "DOMMimeType",
"value": 1,
"category": 4
}, {
"name": "DOMPlugin",
"value": 1,
"category": 4
}, {
"name": "DOMMimeTypeArray",
"value": 1,
"category": 4
}, {
"name": "DOMPluginArray",
"value": 1,
"category": 4
}, {
"name": "DOMSelection",
"value": 1,
"category": 4
}, {
"name": "Range",
"value": 1,
"category": 4
}, {
"name": "DOMSettableTokenList",
"value": 1,
"category": 4
}, {
"name": "DOMTokenList",
"value": 1,
"category": 4
}, {
"name": "DOMStringMap",
"value": 1,
"category": 4
}, {
"name": "ShadowRoot",
"value": 1,
"category": 4
}, {
"name": "Entity",
"value": 1,
"category": 4
}, {
"name": "EntityReference",
"value": 1,
"category": 4
}, {
"name": "EntryArray",
"value": 1,
"category": 4
}, {
"name": "MetadataCallback",
"value": 1,
"category": 4
}, {
"name": "EntryCallback",
"value": 1,
"category": 4
}, {
"name": "Metadata",
"value": 1,
"category": 4
}, {
"name": "ErrorCallback",
"value": 1,
"category": 4
}, {
"name": "FileError",
"value": 1,
"category": 4
}, {
"name": "FileCallback",
"value": 1,
"category": 4
}, {
"name": "FileEntry",
"value": 1,
"category": 4
}, {
"name": "FileWriterCallback",
"value": 1,
"category": 4
}, {
"name": "FileWriterSync",
"value": 1,
"category": 4
}, {
"name": "FileReader",
"value": 1,
"category": 4
}, {
"name": "FileReaderSync",
"value": 1,
"category": 4
}, {
"name": "FileSystemCallback",
"value": 1,
"category": 4
}, {
"name": "FileWriter",
"value": 1,
"category": 4
}, {
"name": "Float64Array",
"value": 1,
"category": 4
}, {
"name": "GamepadList",
"value": 1,
"category": 4
}, {
"name": "Gamepad",
"value": 1,
"category": 4
}, {
"name": "Geolocation",
"value": 1,
"category": 4
}, {
"name": "PositionCallback",
"value": 1,
"category": 4
}, {
"name": "Geoposition",
"value": 1,
"category": 4
}, {
"name": "Coordinates",
"value": 1,
"category": 4
}, {
"name": "HTMLAllCollection",
"value": 1,
"category": 0
}, {
"name": "HTMLAnchorElement",
"value": 1,
"category": 0
}, {
"name": "HTMLElement",
"value": 3,
"category": 0
}, {
"name": "HTMLAppletElement",
"value": 1,
"category": 0
}, {
"name": "HTMLAreaElement",
"value": 1,
"category": 0
}, {
"name": "HTMLAudioElement",
"value": 1,
"category": 0
}, {
"name": "HTMLMediaElement",
"value": 1,
"category": 0
}, {
"name": "HTMLBaseElement",
"value": 1,
"category": 0
}, {
"name": "HTMLBaseFontElement",
"value": 1,
"category": 0
}, {
"name": "HTMLBodyElement",
"value": 1,
"category": 0
}, {
"name": "HTMLBRElement",
"value": 1,
"category": 0
}, {
"name": "HTMLButtonElement",
"value": 1,
"category": 0
}, {
"name": "HTMLFormElement",
"value": 1,
"category": 0
}, {
"name": "ValidityState",
"value": 1,
"category": 4
}, {
"name": "HTMLCollection",
"value": 1,
"category": 0
}, {
"name": "HTMLContentElement",
"value": 1,
"category": 0
}, {
"name": "HTMLDataListElement",
"value": 1,
"category": 0
}, {
"name": "HTMLDetailsElement",
"value": 1,
"category": 0
}, {
"name": "HTMLDirectoryElement",
"value": 1,
"category": 0
}, {
"name": "HTMLDivElement",
"value": 1,
"category": 0
}, {
"name": "HTMLDListElement",
"value": 1,
"category": 0
}, {
"name": "HTMLEmbedElement",
"value": 1,
"category": 0
}, {
"name": "SVGDocument",
"value": 1,
"category": 2
}, {
"name": "HTMLFieldSetElement",
"value": 1,
"category": 0
}, {
"name": "HTMLFontElement",
"value": 1,
"category": 0
}, {
"name": "HTMLFormControlsCollection",
"value": 1,
"category": 0
}, {
"name": "HTMLFrameElement",
"value": 1,
"category": 0
}, {
"name": "HTMLFrameSetElement",
"value": 1,
"category": 0
}, {
"name": "HTMLHeadElement",
"value": 1,
"category": 0
}, {
"name": "HTMLHeadingElement",
"value": 1,
"category": 0
}, {
"name": "HTMLHRElement",
"value": 1,
"category": 0
}, {
"name": "HTMLHtmlElement",
"value": 1,
"category": 0
}, {
"name": "HTMLIFrameElement",
"value": 1,
"category": 0
}, {
"name": "HTMLInputElement",
"value": 1,
"category": 0
}, {
"name": "HTMLKeygenElement",
"value": 1,
"category": 0
}, {
"name": "HTMLLabelElement",
"value": 1,
"category": 0
}, {
"name": "HTMLLegendElement",
"value": 1,
"category": 0
}, {
"name": "HTMLLIElement",
"value": 1,
"category": 0
}, {
"name": "HTMLLinkElement",
"value": 1,
"category": 0
}, {
"name": "HTMLMapElement",
"value": 1,
"category": 0
}, {
"name": "HTMLMarqueeElement",
"value": 1,
"category": 0
}, {
"name": "TimeRanges",
"value": 1,
"category": 4
}, {
"name": "MediaController",
"value": 1,
"category": 4
}, {
"name": "MediaError",
"value": 1,
"category": 4
}, {
"name": "TextTrackList",
"value": 1,
"category": 4
}, {
"name": "TextTrack",
"value": 1,
"category": 4
}, {
"name": "HTMLMenuElement",
"value": 1,
"category": 0
}, {
"name": "HTMLMetaElement",
"value": 1,
"category": 0
}, {
"name": "HTMLMeterElement",
"value": 1,
"category": 0
}, {
"name": "HTMLModElement",
"value": 1,
"category": 0
}, {
"name": "HTMLObjectElement",
"value": 1,
"category": 0
}, {
"name": "HTMLOListElement",
"value": 1,
"category": 0
}, {
"name": "HTMLOptGroupElement",
"value": 1,
"category": 0
}, {
"name": "HTMLOptionElement",
"value": 1,
"category": 0
}, {
"name": "HTMLOptionsCollection",
"value": 1,
"category": 0
}, {
"name": "HTMLOutputElement",
"value": 1,
"category": 0
}, {
"name": "HTMLParagraphElement",
"value": 1,
"category": 0
}, {
"name": "HTMLParamElement",
"value": 1,
"category": 0
}, {
"name": "HTMLPreElement",
"value": 1,
"category": 0
}, {
"name": "HTMLProgressElement",
"value": 1,
"category": 0
}, {
"name": "HTMLQuoteElement",
"value": 1,
"category": 0
}, {
"name": "HTMLScriptElement",
"value": 1,
"category": 0
}, {
"name": "HTMLSelectElement",
"value": 1,
"category": 0
}, {
"name": "HTMLShadowElement",
"value": 1,
"category": 0
}, {
"name": "HTMLSourceElement",
"value": 1,
"category": 0
}, {
"name": "HTMLSpanElement",
"value": 1,
"category": 0
}, {
"name": "HTMLStyleElement",
"value": 1,
"category": 0
}, {
"name": "HTMLTableCaptionElement",
"value": 1,
"category": 0
}, {
"name": "HTMLTableCellElement",
"value": 1,
"category": 0
}, {
"name": "HTMLTableColElement",
"value": 1,
"category": 0
}, {
"name": "HTMLTableElement",
"value": 1,
"category": 0
}, {
"name": "HTMLTableSectionElement",
"value": 1,
"category": 0
}, {
"name": "HTMLTableRowElement",
"value": 1,
"category": 0
}, {
"name": "HTMLTextAreaElement",
"value": 1,
"category": 0
}, {
"name": "HTMLTitleElement",
"value": 1,
"category": 0
}, {
"name": "HTMLTrackElement",
"value": 1,
"category": 0
}, {
"name": "HTMLUListElement",
"value": 1,
"category": 0
}, {
"name": "HTMLUnknownElement",
"value": 1,
"category": 0
}, {
"name": "IDBCursor",
"value": 1,
"category": 4
}, {
"name": "IDBAny",
"value": 1,
"category": 4
}, {
"name": "IDBKey",
"value": 1,
"category": 4
}, {
"name": "IDBRequest",
"value": 1,
"category": 4
}, {
"name": "IDBCursorWithValue",
"value": 1,
"category": 4
}, {
"name": "IDBDatabase",
"value": 1,
"category": 4
}, {
"name": "DOMStringList",
"value": 1,
"category": 4
}, {
"name": "IDBObjectStore",
"value": 1,
"category": 4
}, {
"name": "IDBTransaction",
"value": 1,
"category": 4
}, {
"name": "IDBFactory",
"value": 1,
"category": 4
}, {
"name": "IDBVersionChangeRequest",
"value": 1,
"category": 4
}, {
"name": "IDBOpenDBRequest",
"value": 1,
"category": 4
}, {
"name": "IDBIndex",
"value": 1,
"category": 4
}, {
"name": "IDBKeyRange",
"value": 1,
"category": 4
}, {
"name": "DOMError",
"value": 1,
"category": 4
}, {
"name": "Int16Array",
"value": 1,
"category": 4
}, {
"name": "Int32Array",
"value": 1,
"category": 4
}, {
"name": "Int8Array",
"value": 1,
"category": 4
}, {
"name": "JavaScriptCallFrame",
"value": 1,
"category": 4
}, {
"name": "LocalMediaStream",
"value": 1,
"category": 4
}, {
"name": "MediaStream",
"value": 1,
"category": 4
}, {
"name": "Location",
"value": 1,
"category": 4
}, {
"name": "MediaQueryList",
"value": 1,
"category": 4
}, {
"name": "MediaQueryListListener",
"value": 1,
"category": 4
}, {
"name": "MediaSource",
"value": 1,
"category": 4
}, {
"name": "SourceBufferList",
"value": 1,
"category": 4
}, {
"name": "SourceBuffer",
"value": 1,
"category": 4
}, {
"name": "MediaStreamTrackList",
"value": 1,
"category": 4
}, {
"name": "MediaStreamList",
"value": 1,
"category": 4
}, {
"name": "MediaStreamTrack",
"value": 1,
"category": 4
}, {
"name": "MessageChannel",
"value": 1,
"category": 4
}, {
"name": "MessagePort",
"value": 1,
"category": 4
}, {
"name": "MutationObserver",
"value": 1,
"category": 4
}, {
"name": "MutationRecord",
"value": 1,
"category": 4
}, {
"name": "Navigator",
"value": 1,
"category": 4
}, {
"name": "BatteryManager",
"value": 1,
"category": 4
}, {
"name": "NavigatorUserMediaErrorCallback",
"value": 1,
"category": 4
}, {
"name": "NavigatorUserMediaError",
"value": 1,
"category": 4
}, {
"name": "NavigatorUserMediaSuccessCallback",
"value": 1,
"category": 4
}, {
"name": "NodeFilter",
"value": 1,
"category": 4
}, {
"name": "NodeIterator",
"value": 1,
"category": 4
}, {
"name": "Notation",
"value": 1,
"category": 4
}, {
"name": "Notification",
"value": 1,
"category": 4
}, {
"name": "NotificationPermissionCallback",
"value": 1,
"category": 4
}, {
"name": "NotificationCenter",
"value": 1,
"category": 4
}, {
"name": "OESVertexArrayObject",
"value": 1,
"category": 4
}, {
"name": "WebGLVertexArrayObjectOES",
"value": 1,
"category": 1
}, {
"name": "Performance",
"value": 1,
"category": 4
}, {
"name": "PerformanceNavigation",
"value": 1,
"category": 4
}, {
"name": "PerformanceTiming",
"value": 1,
"category": 4
}, {
"name": "PositionErrorCallback",
"value": 1,
"category": 4
}, {
"name": "PositionError",
"value": 1,
"category": 4
}, {
"name": "ProcessingInstruction",
"value": 1,
"category": 4
}, {
"name": "RadioNodeList",
"value": 1,
"category": 4
}, {
"name": "RTCDataChannel",
"value": 1,
"category": 4
}, {
"name": "RTCPeerConnection",
"value": 1,
"category": 4
}, {
"name": "RTCSessionDescription",
"value": 1,
"category": 4
}, {
"name": "RTCIceCandidate",
"value": 1,
"category": 4
}, {
"name": "RTCSessionDescriptionCallback",
"value": 1,
"category": 4
}, {
"name": "RTCStatsCallback",
"value": 1,
"category": 4
}, {
"name": "RTCStatsResponse",
"value": 1,
"category": 4
}, {
"name": "RTCStatsReport",
"value": 1,
"category": 4
}, {
"name": "RTCStatsElement",
"value": 1,
"category": 4
}, {
"name": "ScriptProfile",
"value": 1,
"category": 4
}, {
"name": "ScriptProfileNode",
"value": 1,
"category": 4
}, {
"name": "SharedWorker",
"value": 1,
"category": 4
}, {
"name": "AbstractWorker",
"value": 1,
"category": 4
}, {
"name": "SharedWorkerContext",
"value": 1,
"category": 4
}, {
"name": "SpeechGrammarList",
"value": 1,
"category": 4
}, {
"name": "SpeechGrammar",
"value": 1,