axes_editor.ts 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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. }