Как отформатировать всплывающие подсказки в JS Flot Chart, когда в AngularJs с lazyload - PullRequest
Новая
       29

Как отформатировать всплывающие подсказки в JS Flot Chart, когда в AngularJs с lazyload

0 голосов
/ 04 апреля 2019

Я изучаю AngularJS, отредактировав проект Angular Js, используя lazyload и диаграмму плавания, чтобы нарисовать графику

Я включаю время плагина для плавания и могу отображать диаграмму в браузере

Но у меня естьпроблема с всплывающими подсказками. Показывает только unixTime и значение. Поэтому я хочу отобразить по дате isoString,

Код в HTML-шаблоне, который я использовал, как эта тема

Проверьте здесь

Мой код я использую 

 <div ui-jp="plot" ui-options="
              [
                { data: {{dau}}, points: { show: true, radius: 3}, splines: { show: true, tension: 0, lineWidth: 4, fill: 0.8 }},
                { data: {{dac}}, points: { show: true, radius: 3}, splines: { show: true, tension: 0, lineWidth: 3, fill: 0.6 }},
                { data: {{newChar}}, points: { show: true, radius: 3}, splines: { show: true, tension: 0, lineWidth: 2, fill: 0.4 }},
                { data: {{session}}, points: { show: true, radius: 3}, lines: { show: true, lineWidth: 1} },

              ],
              {
                colors: ['{{app.color.primary}}','{{app.color.info}}','{{app.color.warning}}','{{app.color.default}}'],
                series: { shadowSize: 3 },
                xaxis: { show: true, font: { color: '#ccc' }, position: 'bottom', mode : 'time', timeBase:'miliseconds',    timeformat: '%Y/%m/%d'    },

                yaxis:{ show: true, font: { color: '#000' }},
                grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#ccc' },
                tooltip: true,
                tooltipOpts: { content: '%x.0 : %y',  defaultTheme: true, shifts: { x: 0, y: -40 } },
                redrawOverlayInterval: 60
              }
            " ui-refresh="dau" style="height:400px">

, и я получил

Изображение:

Можете ли вы мне помочь?

...