ProfileColumnLayoutView_tmpl.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!--
  2. * Licensed to the Apache Software Foundation (ASF) under one or more
  3. * contributor license agreements. See the NOTICE file distributed with
  4. * this work for additional information regarding copyright ownership.
  5. * The ASF licenses this file to You under the Apache License, Version 2.0
  6. * (the "License"); you may not use this file except in compliance with
  7. * the License. You may obtain a copy of the License at
  8. *
  9. * http://www.apache.org/licenses/LICENSE-2.0
  10. *
  11. * Unless required by applicable law or agreed to in writing, software
  12. * distributed under the License is distributed on an "AS IS" BASIS,
  13. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14. * See the License for the specific language governing permissions and
  15. * limitations under the License.
  16. -->
  17. <div class="row">
  18. <div class="">
  19. <div class="col-sm-3 rowValue">
  20. <div><span class="graphkey">Rows</span></div>
  21. <div><span class="graphval">
  22. <div class="value-loader"></div>
  23. </span></div>
  24. </div>
  25. <div class="col-sm-3 table_created">
  26. <div><span class="graphkey">Date Created</span></div>
  27. <div><span class="graphval">
  28. <div class="value-loader"></div>
  29. </span></div>
  30. </div>
  31. <div class="col-sm-6 table_name">
  32. <div><span class="graphkey">Table</span></div>
  33. <div><span class="graphval">
  34. <div class="value-loader"></div>
  35. </span></div>
  36. </div>
  37. </div>
  38. </div>
  39. <hr />
  40. <div class="row">
  41. <h4 class="col-sm-12">{{typeObject.label}}</h4>
  42. </div>
  43. <div class="row">
  44. <a href="javascript:void(0);" data-id="backToYear" style="display: none"><i class="fa fa-chevron-left"></i> Back To Year</a>
  45. </div>
  46. </br>
  47. <div class="row">
  48. <div class="">
  49. <div class="col-sm-10">
  50. <svg class="graph" width="100%" height="250px"></svg>
  51. </div>
  52. <div class="col-sm-2 profileGraphDetail">
  53. {{#if profileData}}
  54. <div class="">
  55. <div><span class="graphkey">基数</span></div>
  56. <div title="{{profileData.cardinality}}"><span class="graphval text-right"><b>{{profileData.cardinality}}</b></span></div>
  57. </div>
  58. <hr />
  59. <div class="">
  60. <div><span class="graphkey">非空</span></div>
  61. <div title="{{profileData.nonNullData}}%"><span class="graphval text-right"><b>{{profileData.nonNullData}}%</b></span></div>
  62. </div>
  63. <hr /> {{#ifCond typeObject.type "==" "string"}}
  64. <div class="">
  65. <div><span class="graphkey">平均长度</span></div>
  66. <div title="{{profileData.averageLength}}"><span class="graphval text-right"><b>{{profileData.averageLength}}</b></span></div>
  67. </div>
  68. <hr />
  69. <div class="">
  70. <div><span class="graphkey">最大长度</span></div>
  71. <div title="{{profileData.maxLength}}"><span class="graphval text-right"><b>{{profileData.maxLength}}</b></span></div>
  72. </div>
  73. <hr /> {{/ifCond}} {{#ifCond typeObject.type "==" "numeric"}}
  74. <div class="">
  75. <div><span class="graphkey">最小值</span></div>
  76. <div title="{{profileData.minValue}}"><span class="graphval text-right"><b>{{profileData.minValue}}</b></span></div>
  77. </div>
  78. <hr />
  79. <div class="">
  80. <div><span class="graphkey">最大值</span></div>
  81. <div title="{{profileData.maxValue}}"><span class="graphval text-right"><b>{{profileData.maxValue}}</b></span></div>
  82. </div>
  83. <hr />
  84. <div class="">
  85. <div><span class="graphkey">平均值</span></div>
  86. <div title="{{profileData.meanValue}}"><span class="graphval text-right"><b>{{profileData.meanValue}}</b></span></div>
  87. </div>
  88. <hr />
  89. <div class="">
  90. <div><span class="graphkey">中位数</span></div>
  91. <div title="{{profileData.medianValue}}"><span class="graphval text-right"><b>{{profileData.medianValue}}</b></span></div>
  92. </div>
  93. {{/ifCond}} {{/if}}
  94. </div>
  95. </div>
  96. </div>