信通院-灾备 图表源码(在产品图表库基础上进行修改),开发逻辑和产品图表库一致
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.js 4.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. import ChartBar from '../../../src/chart/zaibei/ChartChinaMap1/ChartChinaMap1.js';
  2. import dotData from "./dot";
  3. const consoleWarn = window.console.warn;
  4. window.console.warn = function() {
  5. const string = arguments[0];
  6. const filterStrings = [
  7. 'is not power of two',
  8. 'image is too big',
  9. 'marked for update',
  10. ];
  11. // filter warnings containing above strings
  12. const shouldBeFiltered = filterStrings.some(string => (
  13. arguments[0].includes('THREE') && arguments[0].includes(string)
  14. ));
  15. if (shouldBeFiltered) {
  16. // console.log("find",arguments[0])
  17. // log it to console without second argument, which contains reference to `image`
  18. // consoleWarn.call(null, arguments[0]);
  19. } else {
  20. // pass other warnings without changes
  21. consoleWarn.apply(null, arguments);
  22. }
  23. };
  24. import dotData1 from "./dot";
  25. // import dot from "../ChartDpMapCN2/data/dot";
  26. let bar = new ChartBar(document.getElementsByClassName('c1')[0], {});
  27. window.addEventListener('resize', () => {
  28. bar.resize();
  29. });
  30. let dd = JSON.parse(JSON.stringify(dotData));
  31. let data = dd[0].data.map(v => {
  32. delete v["type"];
  33. return v;
  34. });
  35. console.log(data);
  36. let mapOpt = [{
  37. type: "map",
  38. id: "map",
  39. style: {
  40. backgroundColor: '#000000',
  41. geoColor: '#999999',
  42. textShow: true,
  43. textColor: '#63e1e3',
  44. textOpacity: "100%",
  45. borderColor: "#ff0000",
  46. cameraAngle: 35,
  47. }
  48. }];
  49. // console.log(dotData1)
  50. // setTimeout(() => {
  51. // bar.setOption(dotOpt);
  52. // }, 5000);
  53. // setTimeout(() => {
  54. // bar.setOption(mapOpt);
  55. // }, 0);
  56. // setTimeout(() => {
  57. // bar.setOption({"color":["#2e4ccc","#2e62cc","#a12ecc","#752ecc","#442ecc","#2e78cc","#2e92cc","#2eb4cc","#2ecc71"],"bg":{"geoColor":"rgb(100, 149, 253)","backgroundColor":"rgba(0,0,0,0)"},"series":[{"type":"line","color":"rgb(5, 201, 250)","data":[{"fromName":"北京","from":[116.38,39.9],"toName":"xxx","to":[41.75,12.45]},{"fromName":"北京","from":[116.38,39.9],"toName":"达尔文","to":[130.85,12.47]},{"fromName":"北京","from":[116.38,39.9],"toName":"广岛","to":[132.45,34.533]},{"fromName":"北京","from":[116.38,39.9],"toName":"秘鲁","to":[76.917,12.1]},{"fromName":"北京","from":[116.38,39.9],"toName":"普罗维登斯","to":[-71.417,41.817]}]}],"noTheme":{},"useDashboardTheme":false,"column":{"series":["起始地点名称","起始地点经度","起始地点纬度","到达地点名称","到达地点经度","到达地点纬度"]},"dataConfig":{"column":{"series":["起始地点名称","起始地点经度","起始地点纬度","到达地点名称","到达地点经度","到达地点纬度"]},"dataConfig":{"series":{"起始地点名称":["北京","北京","北京","北京","北京"],"起始地点经度":[116.38,116.38,116.38,116.38,116.38],"起始地点纬度":[39.9,39.9,39.9,39.9,39.9],"到达地点名称":["xxx","达尔文","广岛","秘鲁","普罗维登斯"],"到达地点经度":[41.75,130.85,132.45,76.917,-71.417],"到达地点纬度":[12.45,12.47,34.533,12.1,41.817]}},"configList":[{"name":"起始名称","comType":"single","defaultKey":"起始地点名称"},{"name":"起始经度","comType":"single","defaultKey":"起始地点经度"},{"name":"起始纬度","comType":"single","defaultKey":"起始地点纬度"},{"name":"到达名称","comType":"single","defaultKey":"到达地点名称"},{"name":"到达经度","comType":"single","defaultKey":"到达地点经度"},{"name":"到达纬度","comType":"single","defaultKey":"到达地点纬度"}],"defaultData":{"起始地点经度":[116.38,116.38,116.38,116.38,116.38],"起始地点纬度":[39.9,39.9,39.9,39.9,39.9],"起始地点名称":["北京","北京","北京","北京","北京"],"到达地点经度":[41.75,130.85,132.45,76.917,-71.417],"到达地点纬度":[12.45,12.47,34.533,12.1,41.817],"到达地点名称":["xxx","达尔文","广岛","秘鲁","普罗维登斯"]}},"customizeData":{"bg":{"name":"背景","sub":{"geoColor":{"name":"地图颜色","comType":"colorPicker","defaultValue":"rgb(0, 149, 253)"},"backgroundColor":{"name":"背景颜色","comType":"colorPicker","defaultValue":"rgba(0,0,0,0)"}}},"series":{"name":"流线","sub":{"color":{"name":"颜色","comType":"colorPicker","defaultValue":"rgb(5, 201, 250)"}}},"noTheme":true},"chartName":"ChartMapDP","chartCuid":"CHART-ff8080816884bad00168850cc2790006","dataError":false});
  58. //
  59. // }, 5000 );
  60. //
  61. //
  62. // setTimeout(() => {
  63. // bar = new ChartBar(document.getElementsByClassName('c1')[0], {
  64. // bg: {
  65. // backgroundColor: "red"
  66. // }
  67. // });
  68. // // bar.setOption({})
  69. // }, 10000 )