axes_editor.ts 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. ///<reference path="../../../headers/common.d.ts" />
  2. import kbn from 'app/core/utils/kbn';
  3. export class AxesEditorCtrl {
  4. panel: any;
  5. panelCtrl: any;
  6. unitFormats: any;
  7. logScales: any;
  8. xAxisModes: any;
  9. xAxisStatOptions: any;
  10. xNameSegment: any;
  11. /** @ngInject **/
  12. constructor(private $scope, private $q) {
  13. this.panelCtrl = $scope.ctrl;
  14. this.panel = this.panelCtrl.panel;
  15. this.$scope.ctrl = this;
  16. this.unitFormats = kbn.getUnitFormats();
  17. this.logScales = {
  18. linear: 1,
  19. 'log (base 2)': 2,
  20. 'log (base 10)': 10,
  21. 'log (base 32)': 32,
  22. 'log (base 1024)': 1024,
  23. };
  24. this.xAxisModes = {
  25. Time: 'time',
  26. Series: 'series',
  27. Histogram: 'histogram',
  28. // 'Data field': 'field',
  29. };
  30. this.xAxisStatOptions = [
  31. { text: 'Avg', value: 'avg' },
  32. { text: 'Min', value: 'min' },
  33. { text: 'Max', value: 'max' },
  34. { text: 'Total', value: 'total' },
  35. { text: 'Count', value: 'count' },
  36. { text: 'Current', value: 'current' },
  37. ];
  38. if (this.panel.xaxis.mode === 'custom') {
  39. if (!this.panel.xaxis.name) {
  40. this.panel.xaxis.name = 'specify field';
  41. }
  42. }
  43. }
  44. setUnitFormat(axis, subItem) {
  45. axis.format = subItem.value;
  46. this.panelCtrl.render();
  47. }
  48. render() {
  49. this.panelCtrl.render();
  50. }
  51. xAxisModeChanged() {
  52. this.panelCtrl.processor.setPanelDefaultsForNewXAxisMode();
  53. this.panelCtrl.onDataReceived(this.panelCtrl.dataList);
  54. }
  55. xAxisValueChanged() {
  56. this.panelCtrl.onDataReceived(this.panelCtrl.dataList);
  57. }
  58. getDataFieldNames(onlyNumbers) {
  59. var props = this.panelCtrl.processor.getDataFieldNames(this.panelCtrl.dataList, onlyNumbers);
  60. var items = props.map(prop => {
  61. return { text: prop, value: prop };
  62. });
  63. return this.$q.when(items);
  64. }
  65. }
  66. /** @ngInject **/
  67. export function axesEditorComponent() {
  68. 'use strict';
  69. return {
  70. restrict: 'E',
  71. scope: true,
  72. templateUrl: 'public/app/plugins/panel/graph/axes_editor.html',
  73. controller: AxesEditorCtrl,
  74. };
  75. }