Chart

1{
2  "name": "my-app",
3  "version": "0.1.0",
4  "private": true,
5  "dependencies": {
6    "chart.js": "^3.6.0",
7    "cra-template": "1.1.2",
8    "react": "^17.0.2",
9    "react-chartjs-2": "^4.0.0",
10    "react-dom": "^17.0.2",
11    "react-scripts": "4.0.3"
12  },
13  "scripts": {
14    "start": "react-scripts start",
15    "build": "react-scripts build",
16    "test": "react-scripts test",
17    "eject": "react-scripts eject"
18  },
19  "browserslist": {
20    "production": [
21      ">0.2%",
22      "not dead",
23      "not op_mini all"
24    ],
25    "development": [
26      "last 1 chrome version",
27      "last 1 firefox version",
28      "last 1 safari version"
29    ]
30  }
31}
32

1{
2  "name": "my-app",
3  "version": "0.1.0",
4  "private": true,
5  "dependencies": {
6    "chart.js": "^3.6.0",
7    "cra-template": "1.1.2",
8    "react": "^17.0.2",
9    "react-chartjs-2": "^4.0.0",
10    "react-dom": "^17.0.2",
11    "react-scripts": "4.0.3"
12  },
13  "scripts": {
14    "start": "react-scripts start",
15    "build": "react-scripts build",
16    "test": "react-scripts test",
17    "eject": "react-scripts eject"
18  },
19  "browserslist": {
20    "production": [
21      ">0.2%",
22      "not dead",
23      "not op_mini all"
24    ],
25    "development": [
26      "last 1 chrome version",
27      "last 1 firefox version",
28      "last 1 safari version"
29    ]
30  }
31}
32import React from 'react'
33import { Pie } from 'react-chartjs-2'
34
35const BarChart = () => {
36  return (
37    <Pie
38      data={{
39        labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
40        datasets: [
41          {
42            label: '# of votes',
43            data: [12, 19, 3, 5, 2, 3],
44          },
45        ],
46      }}
47      height={400}
48      width={600}
49    />
50  )
51}
52
53const App = () => {
54  return (
55    <div>
56      <BarChart />
57    </div>
58  )
59}
60
61export default App
62

1{
2  "name": "my-app",
3  "version": "0.1.0",
4  "private": true,
5  "dependencies": {
6    "chart.js": "^3.6.0",
7    "cra-template": "1.1.2",
8    "react": "^17.0.2",
9    "react-chartjs-2": "^4.0.0",
10    "react-dom": "^17.0.2",
11    "react-scripts": "4.0.3"
12  },
13  "scripts": {
14    "start": "react-scripts start",
15    "build": "react-scripts build",
16    "test": "react-scripts test",
17    "eject": "react-scripts eject"
18  },
19  "browserslist": {
20    "production": [
21      ">0.2%",
22      "not dead",
23      "not op_mini all"
24    ],
25    "development": [
26      "last 1 chrome version",
27      "last 1 firefox version",
28      "last 1 safari version"
29    ]
30  }
31}
32import React from 'react'
33import { Pie } from 'react-chartjs-2'
34
35const BarChart = () => {
36  return (
37    <Pie
38      data={{
39        labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
40        datasets: [
41          {
42            label: '# of votes',
43            data: [12, 19, 3, 5, 2, 3],
44          },
45        ],
46      }}
47      height={400}
48      width={600}
49    />
50  )
51}
52
53const App = () => {
54  return (
55    <div>
56      <BarChart />
57    </div>
58  )
59}
60
61export default App
62"chart.js": "^2.9.4",
63"react-chartjs-2": "^2.10.0",
64

1def make_multi_plot(df):
2    
3    fig = make_subplots(rows=2, cols=2,
4                        shared_xaxes=True,
5                        vertical_spacing=0.03,
6                        subplot_titles=('OHLC', 'Volume Profile'),
7                        row_width=[0.2, 0.7])
8
9    for s in df.name.unique():
10        
11        trace1 = go.Candlestick(
12            x=df.loc[df.name.isin([s])].time,
13            open=df.loc[df.name.isin([s])].open,
14            high=df.loc[df.name.isin([s])].high,
15            low=df.loc[df.name.isin([s])].low,
16            close=df.loc[df.name.isin([s])].close,
17            name = s)
18        fig.append_trace(trace1,1,1)
19        
20        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].BbandsMid, mode='lines',name='MidBollinger'),1,1)
21        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].BbandsUpp, mode='lines',name='UpperBollinger'),1,1)
22        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].BbandsLow, mode='lines',name='LowerBollinger'),1,1)
23        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].vwap, mode='lines',name='VWAP'),1,1)
24        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].STDEV_1, mode='lines',name='UPPERVWAP'),1,1)
25        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].STDEV_N1, mode='lines',name='LOWERVWAP'),1,1)
26        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].KcMid, mode='lines',name='KcMid'),1,1)
27        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].KcUpper, mode='lines',name='KcUpper'),1,1)
28        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].KcLow, mode='lines',name='KcLow'),1,1)
29        
30
31        trace2 = go.Bar(
32                x=df.loc[df.name.isin([s])].time,
33                y=df.loc[df.name.isin([s])].volume,
34                name = s)
35        fig.append_trace(trace2,2,1)
36        # fig.update_layout(title_text=s)
37        
38        
39        
40    graph_cnt=len(fig.data)
41
42        
43    tr = 11
44    symbol_cnt =len(df.name.unique())
45    for g in range(tr, graph_cnt):
46        fig.update_traces(visible=False, selector=g)
47        #print(g)
48    def create_layout_button(k, symbol):
49        
50        start, end = tr*k, tr*k+2
51        visibility = [False]*tr*symbol_cnt
52        visibility[start:end] = [True,True,True,True,True,True,True,True,True,True,True]
53        return dict(label = symbol,
54                    method = 'restyle',
55                    args = [{'visible': visibility[:-1],
56                             'title': symbol,
57                             'showlegend': False}])    
58    
59    fig.update(layout_xaxis_rangeslider_visible=False)
60    fig.update_layout(
61        updatemenus=[go.layout.Updatemenu(
62            active = 0,
63            buttons = [create_layout_button(k, s) for k, s in enumerate(df.name.unique())]
64            )
65        ])
66    
67    fig.show()
68

1def make_multi_plot(df):
2    
3    fig = make_subplots(rows=2, cols=2,
4                        shared_xaxes=True,
5                        vertical_spacing=0.03,
6                        subplot_titles=('OHLC', 'Volume Profile'),
7                        row_width=[0.2, 0.7])
8
9    for s in df.name.unique():
10        
11        trace1 = go.Candlestick(
12            x=df.loc[df.name.isin([s])].time,
13            open=df.loc[df.name.isin([s])].open,
14            high=df.loc[df.name.isin([s])].high,
15            low=df.loc[df.name.isin([s])].low,
16            close=df.loc[df.name.isin([s])].close,
17            name = s)
18        fig.append_trace(trace1,1,1)
19        
20        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].BbandsMid, mode='lines',name='MidBollinger'),1,1)
21        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].BbandsUpp, mode='lines',name='UpperBollinger'),1,1)
22        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].BbandsLow, mode='lines',name='LowerBollinger'),1,1)
23        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].vwap, mode='lines',name='VWAP'),1,1)
24        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].STDEV_1, mode='lines',name='UPPERVWAP'),1,1)
25        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].STDEV_N1, mode='lines',name='LOWERVWAP'),1,1)
26        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].KcMid, mode='lines',name='KcMid'),1,1)
27        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].KcUpper, mode='lines',name='KcUpper'),1,1)
28        fig.append_trace(go.Scatter(x=df.loc[df.name.isin([s])].time, y=df.loc[df.name.isin([s])].KcLow, mode='lines',name='KcLow'),1,1)
29        
30
31        trace2 = go.Bar(
32                x=df.loc[df.name.isin([s])].time,
33                y=df.loc[df.name.isin([s])].volume,
34                name = s)
35        fig.append_trace(trace2,2,1)
36        # fig.update_layout(title_text=s)
37        
38        
39        
40    graph_cnt=len(fig.data)
41
42        
43    tr = 11
44    symbol_cnt =len(df.name.unique())
45    for g in range(tr, graph_cnt):
46        fig.update_traces(visible=False, selector=g)
47        #print(g)
48    def create_layout_button(k, symbol):
49        
50        start, end = tr*k, tr*k+2
51        visibility = [False]*tr*symbol_cnt
52        visibility[start:end] = [True,True,True,True,True,True,True,True,True,True,True]
53        return dict(label = symbol,
54                    method = 'restyle',
55                    args = [{'visible': visibility[:-1],
56                             'title': symbol,
57                             'showlegend': False}])    
58    
59    fig.update(layout_xaxis_rangeslider_visible=False)
60    fig.update_layout(
61        updatemenus=[go.layout.Updatemenu(
62            active = 0,
63            buttons = [create_layout_button(k, s) for k, s in enumerate(df.name.unique())]
64            )
65        ])
66    
67    fig.show()
68for i in range(df.first_valid_index()+1,len(df.index)):
69        prev = i - 1
70        if df['superTrend'][i] != df['superTrend'][prev] and not np.isnan(df['superTrend'][i]) :
71            #print(i,df['inUptrend'][i])
72            fig.add_annotation(x=df['time'][i], y=df['open'][i],
73            text= 'Buy' if df['superTrend'][i] else 'Sell',
74            showarrow=True,
75            arrowhead=6,
76            font=dict(
77                #family="Courier New, monospace",
78                size=20,
79                #color="#ffffff"
80            ),)
81

1#include <string>
2
3int main() {
4    std::string s{"some string to test", 2, 3};
5    return 0;
6}
7

1#include <string>
2
3int main() {
4    std::string s{"some string to test", 2, 3};
5    return 0;
6}
7#include <string>
8
9int main()
10{
11  std::string s = std::basic_string<char>{std::basic_string<char>("some string to test", std::allocator<char>()), 2, 3};
12  return 0;
13}
14

1#include <string>
2
3int main() {
4    std::string s{"some string to test", 2, 3};
5    return 0;
6}
7#include <string>
8
9int main()
10{
11  std::string s = std::basic_string<char>{std::basic_string<char>("some string to test", std::allocator<char>()), 2, 3};
12  return 0;
13}
14#include <string>
15
16int main()
17{
18  std::string s = std::string{std::string("some string to test"), 2, 3};
19  return 0;
20}
21

1#include <string>
2
3int main() {
4    std::string s{"some string to test", 2, 3};
5    return 0;
6}
7#include <string>
8
9int main()
10{
11  std::string s = std::basic_string<char>{std::basic_string<char>("some string to test", std::allocator<char>()), 2, 3};
12  return 0;
13}
14#include <string>
15
16int main()
17{
18  std::string s = std::string{std::string("some string to test"), 2, 3};
19  return 0;
20}
21/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/basic_string.h:771:9: note: candidate: 'template<class _Tp, class> std::__cxx11::basic_string<_CharT, _Traits, _Alloc>::basic_string(const _Tp&, size_type, size_type, const _Alloc&) [with <template-parameter-2-2> = _Tp; _CharT = char; _Traits = std::char_traits<char>; _Alloc = std::allocator<char>]'
22  771 |         basic_string(const _Tp& __t, size_type __pos, size_type __n,
23      |         ^~~~~~~~~~~~
24/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/basic_string.h:771:9: note:   template argument deduction/substitution failed:
25In file included from /opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/char_traits.h:42,
26                 from /opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/string:40,
27                 from <source>:1:
28/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/type_traits: In substitution of 'template<bool _Cond, class _Tp> using enable_if_t = typename std::enable_if::type [with bool _Cond = false; _Tp = void]':
29/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/basic_string.h:156:8:   required by substitution of 'template<class _CharT, class _Traits, class _Alloc> template<class _Tp, class _Res> using _If_sv = std::enable_if_t<std::__and_<std::is_convertible<const _Tp&, std::basic_string_view<_CharT, _Traits> >, std::__not_<std::is_convertible<const _Tp*, const std::__cxx11::basic_string<_CharT, _Traits, _Alloc>*> >, std::__not_<std::is_convertible<const _Tp&, const _CharT*> > >::value, _Res> [with _Tp = char [20]; _Res = void; _CharT = char; _Traits = std::char_traits<char>; _Alloc = std::allocator<char>]'
30/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/basic_string.h:769:30:   required from here
31/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/type_traits:2614:11: error: no type named 'type' in 'struct std::enable_if<false, void>'
32 2614 |     using enable_if_t = typename enable_if<_Cond, _Tp>::type;
33      |           ^~~~~~~~~~~
34

1#include <string>
2
3int main() {
4    std::string s{"some string to test", 2, 3};
5    return 0;
6}
7#include <string>
8
9int main()
10{
11  std::string s = std::basic_string<char>{std::basic_string<char>("some string to test", std::allocator<char>()), 2, 3};
12  return 0;
13}
14#include <string>
15
16int main()
17{
18  std::string s = std::string{std::string("some string to test"), 2, 3};
19  return 0;
20}
21/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/basic_string.h:771:9: note: candidate: 'template<class _Tp, class> std::__cxx11::basic_string<_CharT, _Traits, _Alloc>::basic_string(const _Tp&, size_type, size_type, const _Alloc&) [with <template-parameter-2-2> = _Tp; _CharT = char; _Traits = std::char_traits<char>; _Alloc = std::allocator<char>]'
22  771 |         basic_string(const _Tp& __t, size_type __pos, size_type __n,
23      |         ^~~~~~~~~~~~
24/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/basic_string.h:771:9: note:   template argument deduction/substitution failed:
25In file included from /opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/char_traits.h:42,
26                 from /opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/string:40,
27                 from <source>:1:
28/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/type_traits: In substitution of 'template<bool _Cond, class _Tp> using enable_if_t = typename std::enable_if::type [with bool _Cond = false; _Tp = void]':
29/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/basic_string.h:156:8:   required by substitution of 'template<class _CharT, class _Traits, class _Alloc> template<class _Tp, class _Res> using _If_sv = std::enable_if_t<std::__and_<std::is_convertible<const _Tp&, std::basic_string_view<_CharT, _Traits> >, std::__not_<std::is_convertible<const _Tp*, const std::__cxx11::basic_string<_CharT, _Traits, _Alloc>*> >, std::__not_<std::is_convertible<const _Tp&, const _CharT*> > >::value, _Res> [with _Tp = char [20]; _Res = void; _CharT = char; _Traits = std::char_traits<char>; _Alloc = std::allocator<char>]'
30/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/basic_string.h:769:30:   required from here
31/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/type_traits:2614:11: error: no type named 'type' in 'struct std::enable_if<false, void>'
32 2614 |     using enable_if_t = typename enable_if<_Cond, _Tp>::type;
33      |           ^~~~~~~~~~~
34    template<typename _Tp, typename = _If_sv<_Tp, void>>
35    basic_string(const _Tp& __t, size_type __pos, size_type __n,
36             const _Alloc& __a = _Alloc())
37    : basic_string(_S_to_string_view(__t).substr(__pos, __n), __a) { }
38

1#include <string>
2
3int main() {
4    std::string s{"some string to test", 2, 3};
5    return 0;
6}
7#include <string>
8
9int main()
10{
11  std::string s = std::basic_string<char>{std::basic_string<char>("some string to test", std::allocator<char>()), 2, 3};
12  return 0;
13}
14#include <string>
15
16int main()
17{
18  std::string s = std::string{std::string("some string to test"), 2, 3};
19  return 0;
20}
21/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/basic_string.h:771:9: note: candidate: 'template<class _Tp, class> std::__cxx11::basic_string<_CharT, _Traits, _Alloc>::basic_string(const _Tp&, size_type, size_type, const _Alloc&) [with <template-parameter-2-2> = _Tp; _CharT = char; _Traits = std::char_traits<char>; _Alloc = std::allocator<char>]'
22  771 |         basic_string(const _Tp& __t, size_type __pos, size_type __n,
23      |         ^~~~~~~~~~~~
24/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/basic_string.h:771:9: note:   template argument deduction/substitution failed:
25In file included from /opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/char_traits.h:42,
26                 from /opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/string:40,
27                 from <source>:1:
28/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/type_traits: In substitution of 'template<bool _Cond, class _Tp> using enable_if_t = typename std::enable_if::type [with bool _Cond = false; _Tp = void]':
29/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/basic_string.h:156:8:   required by substitution of 'template<class _CharT, class _Traits, class _Alloc> template<class _Tp, class _Res> using _If_sv = std::enable_if_t<std::__and_<std::is_convertible<const _Tp&, std::basic_string_view<_CharT, _Traits> >, std::__not_<std::is_convertible<const _Tp*, const std::__cxx11::basic_string<_CharT, _Traits, _Alloc>*> >, std::__not_<std::is_convertible<const _Tp&, const _CharT*> > >::value, _Res> [with _Tp = char [20]; _Res = void; _CharT = char; _Traits = std::char_traits<char>; _Alloc = std::allocator<char>]'
30/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/bits/basic_string.h:769:30:   required from here
31/opt/compiler-explorer/gcc-trunk-20220104/include/c++/12.0.0/type_traits:2614:11: error: no type named 'type' in 'struct std::enable_if<false, void>'
32 2614 |     using enable_if_t = typename enable_if<_Cond, _Tp>::type;
33      |           ^~~~~~~~~~~
34    template<typename _Tp, typename = _If_sv<_Tp, void>>
35    basic_string(const _Tp& __t, size_type __pos, size_type __n,
36             const _Alloc& __a = _Alloc())
37    : basic_string(_S_to_string_view(__t).substr(__pos, __n), __a) { }
38    template<typename _Tp, typename _Res>
39    using _If_sv = enable_if_t<
40      __and_<is_convertible<const _Tp&, __sv_type>,
41         __not_<is_convertible<const _Tp*, const basic_string*>>,
42         __not_<is_convertible<const _Tp&, const _CharT*>>>::value,
43      _Res>;
44

1template<class charT, class traits>
2constexpr bool operator==(basic_string_view<charT, traits> lhs,
3                        basic_string_view<charT, traits> rhs) noexcept {
4    return lhs.compare(rhs) == 0;
5}
6template<class charT, class traits>
7constexpr bool operator==(basic_string_view<charT, traits> lhs,
8                        type_identity_t<basic_string_view<charT, traits>> rhs) noexcept {
9    return lhs.compare(rhs) == 0;
10}
11

1"dependencies": {
2   "@capacitor/android": "3.0.0",
3   "@capacitor/app": "1.0.0",
4   "@capacitor/core": "3.0.0",
5   "@capacitor/haptics": "1.0.0",
6   "@capacitor/keyboard": "1.0.0",
7   "@capacitor/push-notifications": "^1.0.3",
8   "@google-pay/button-element": "^2.5.0",
9   "@ionic-native/core": "^5.34.0",
10   "@ionic-native/qr-scanner": "^5.35.0",
11   "@ionic-native/vibration": "^5.34.0",
12   "@ionic/vue": "^5.4.0",
13   "@ionic/vue-router": "^5.4.0",
14   "@j-t-mcc/vue3-chartjs": "^1.1.2",
15   "chart.js": "^3.4.1",
16   "chartjs-plugin-datalabels": "^2.0.0",
17   "color": "^3.1.3",
18   "cordova-plugin-background-mode": "^0.7.3",
19   "cordova-plugin-device": "^2.0.3",
20   "cordova-plugin-qrscanner": "^3.0.1",
21   "core-js": "^3.6.5",
22   "firebase": "^8.6.2",
23   "numeral": "^2.0.6",
24   "pug": "^3.0.2",
25   "pug-plain-loader": "^1.1.0",
26   "secure-ls": "^1.2.6",
27   "uuid": "^8.3.2",
28   "v-cupertino": "^1.2.4",
29   "vue": "^3.2.0",
30   "vue-chartjs": "^3.5.1",
31   "vue-i18n": "^9.1.3",
32   "vue-numerals": "^4.0.6",
33   "vue-router": "^4.0.0-0",
34   "vuex": "^4.0.1"
35 },
36 "devDependencies": {
37   "@capacitor/cli": "3.0.0",
38   "@types/jest": "^24.0.19",
39   "@types/uuid": "^8.3.1",
40   "@typescript-eslint/eslint-plugin": "^2.33.0",
41   "@typescript-eslint/parser": "^2.33.0",
42   "@vue/cli-plugin-babel": "~4.5.0",
43   "@vue/cli-plugin-e2e-cypress": "~4.5.0",
44   "@vue/cli-plugin-eslint": "^4.5.13",
45   "@vue/cli-plugin-router": "~4.5.0",
46   "@vue/cli-plugin-typescript": "~4.5.0",
47   "@vue/cli-plugin-unit-jest": "~4.5.0",
48   "@vue/cli-service": "~4.5.0",
49   "@vue/compiler-sfc": "^3.0.0-0",
50   "@vue/eslint-config-typescript": "^5.0.2",
51   "@vue/test-utils": "^2.0.0-0",
52   "eslint": "^6.7.2",
53   "eslint-plugin-vue": "^7.0.0-0",
54   "stylus": "^0.54.7",
55   "stylus-loader": "^3.0.2",
56   "typescript": "~3.9.3",
57   "vue-jest": "^5.0.0-0"
58 }
59

1An unhandled exception occurred: Cannot find builder "@angular-devkit/build-angular:tslint".
2See "C:\Users\MOE89A~1.ZAR\AppData\Local\Temp\ng-Ijc3an\angular-errors.log" for further details.
3

1An unhandled exception occurred: Cannot find builder "@angular-devkit/build-angular:tslint".
2See "C:\Users\MOE89A~1.ZAR\AppData\Local\Temp\ng-Ijc3an\angular-errors.log" for further details.
3"lint": {
4  "builder": "@angular-devkit/build-angular:tslint",
5  "options": {
6    "tsConfig": [
7      "projects/wepod-app/tsconfig.app.json",
8      "projects/wepod-app/tsconfig.spec.json",
9      "projects/wepod-app/e2e/tsconfig.json"
10    ],
11    "exclude": [
12      "**/node_modules/**"
13    ]
14  }
15},
16

1An unhandled exception occurred: Cannot find builder "@angular-devkit/build-angular:tslint".
2See "C:\Users\MOE89A~1.ZAR\AppData\Local\Temp\ng-Ijc3an\angular-errors.log" for further details.
3"lint": {
4  "builder": "@angular-devkit/build-angular:tslint",
5  "options": {
6    "tsConfig": [
7      "projects/wepod-app/tsconfig.app.json",
8      "projects/wepod-app/tsconfig.spec.json",
9      "projects/wepod-app/e2e/tsconfig.json"
10    ],
11    "exclude": [
12      "**/node_modules/**"
13    ]
14  }
15},
16{
17  "name": "wepod-clients",
18  "version": "3.2.3",
19  "scripts": {
20    "ng": "ng",
21    "start": "node patch.js && ng serve",
22    "build": "node patch.js && node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng run wepod-app:app-shell:production && ng run wepod-app:auth-standalone:production",
23    "server": "npm run build && http-server -p 9090 -c-1 dist",
24    "test": "ng test",
25    "lint": "ng lint --fix",
26    "e2e": "ng e2e",
27    "postinstall": "node patch.js && ngcc",
28    "postbuild": "node post-build.js",
29    "prepare": "husky install",
30    "build-latest": "git pull origin production && npm run build"
31  },
32  "private": true,
33  "dependencies": {
34    "@angular/animations": "^13.0.0",
35    "@angular/cdk": "^13.0.0",
36    "@angular/cli": "^13.0.1",
37    "@angular/common": "^13.0.0",
38    "@angular/compiler": "^13.0.0",
39    "@angular/core": "^13.0.0",
40    "@angular/forms": "^13.0.0",
41    "@angular/localize": "^13.0.0",
42    "@angular/platform-browser": "^13.0.0",
43    "@angular/platform-browser-dynamic": "^13.0.0",
44    "@angular/platform-server": "^13.0.0",
45    "@angular/router": "^13.0.0",
46    "@angular/service-worker": "^13.0.0",
47    "@types/video.js": "^7.3.27",
48    "animate.css": "^4.1.1",
49    "assert": "^2.0.0",
50    "bowser": "^2.11.0",
51    "buffer": "^6.0.3",
52    "bundle-loader": "^0.5.6",
53    "compare-version": "^0.1.2",
54    "constants-browserify": "^1.0.0",
55    "crypto-browserify": "^3.12.0",
56    "crypto-js": "^4.1.1",
57    "d3": "^6.5.0",
58    "hammerjs": "^2.0.8",
59    "https-browserify": "^1.0.0",
60    "jalali-moment": "^3.3.10",
61    "lottie-web": "^5.7.13",
62    "lzutf8": "^0.6.0",
63    "net": "^1.0.2",
64    "ng-gallery": "^5.1.1",
65    "ng2-jalali-date-picker": "^2.4.2",
66    "ngx-device-detector": "^1.5.2",
67    "ngx-doughnut-chart": "0.0.4",
68    "ngx-infinite-scroll": "^8.0.2",
69    "ngx-lottie": "^7.0.4",
70    "ngx-owl-carousel-o": "^3.1.1",
71    "ngx-skeleton-loader": "^2.10.1",
72    "ngx-toastr": "^12.1.0",
73    "os-browserify": "^0.3.0",
74    "podchat-browser": "^10.14.13",
75    "rxjs": "^6.6.7",
76    "stream-browserify": "^3.0.0",
77    "stream-http": "^3.2.0",
78    "tls": "0.0.1",
79    "tslib": "^2.0.0",
80    "uuid": "^8.3.2",
81    "video.js": "^7.15.4",
82    "videojs-record": "^4.5.0",
83    "zone.js": "~0.11.4"
84  },
85  "devDependencies": {
86    "@angular-devkit/build-angular": "^13.0.1",
87    "@angular-devkit/core": "^13.0.1",
88    "@angular/compiler-cli": "^13.0.0",
89    "@angular/language-service": "^13.0.0",
90    "@egjs/hammerjs": "^2.0.17",
91    "@types/hammerjs": "^2.0.40",
92    "@types/jasmine": "~3.6.0",
93    "@types/jasminewd2": "^2.0.10",
94    "@types/node": "^12.20.36",
95    "codelyzer": "^6.0.0",
96    "colors": "^1.4.0",
97    "git-tag-version": "^1.3.1",
98    "gulp": "^4.0.2",
99    "gulp-gzip": "^1.4.2",
100    "http-server": "^14.0.0",
101    "husky": "^7.0.4",
102    "jasmine-core": "~3.6.0",
103    "jasmine-spec-reporter": "~5.0.0",
104    "karma": "^6.3.7",
105    "karma-chrome-launcher": "~3.1.0",
106    "karma-coverage-istanbul-reporter": "^2.1.0",
107    "karma-jasmine": "~4.0.0",
108    "karma-jasmine-html-reporter": "^1.5.0",
109    "protractor": "^7.0.0",
110    "ts-node": "^8.10.2",
111    "tslint": "^6.1.3",
112    "typescript": "4.4.4",
113    "zip-dir": "^2.0.0"
114  },
115  "browser": {
116    "fs": false,
117    "path": false,
118    "os": false
119  }
120}
121

1import { Component } from '@angular/core';
2import { groupBy, GroupResult } from '@progress/kendo-data-query';
3import { ValueAxisLabels } from '@progress/kendo-angular-charts';
4
5export type TrendItem = {
6  clientName: string;
7  periodName: string;
8  income: number;
9};
10
11@Component({
12  selector: 'my-app',
13  template: `
14        <kendo-chart>
15          <kendo-chart-category-axis>
16              <kendo-chart-category-axis-item [categories]="categories">
17              </kendo-chart-category-axis-item>
18          </kendo-chart-category-axis>
19
20          <kendo-chart-value-axis>
21              <kendo-chart-value-axis-item [labels]="valueAxisLabels">
22              </kendo-chart-value-axis-item>
23          </kendo-chart-value-axis>
24
25          <kendo-chart-series>
26            <kendo-chart-series-item *ngFor="let groupedResult of groupedTrendsByPeriod" [data]="groupedResult.items" field="income" type="column">
27              <kendo-chart-series-item-labels [content]="labelVisual">
28              </kendo-chart-series-item-labels>
29           </kendo-chart-series-item>
30          </kendo-chart-series>
31        </kendo-chart>
32    `,
33})
34export class AppComponent {
35  public valueAxisLabels: ValueAxisLabels = {
36    font: 'bold 16px Arial, sans-serif',
37  };
38
39  public trendItems: TrendItem[] = [
40    {
41      clientName: 'Client1',
42      periodName: 'Q1 2020',
43      income: 20,
44    },
45    {
46      clientName: 'Client1',
47      periodName: 'Q2 2020',
48      income: 15,
49    },
50    {
51      clientName: 'Client1',
52      periodName: 'Q3 2020',
53      income: 35,
54    },
55    {
56      clientName: 'Client1',
57      periodName: 'Q4 2020',
58      income: 40,
59    },
60    {
61      clientName: 'Client2',
62      periodName: 'Q1 2020',
63      income: 15,
64    },
65    {
66      clientName: 'Client2',
67      periodName: 'Q2 2020',
68      income: 20,
69    },
70    {
71      clientName: 'Client2',
72      periodName: 'Q3 2020',
73      income: 15,
74    },
75    {
76      clientName: 'Client2',
77      periodName: 'Q4 2020',
78      income: 30,
79    }
80  ];
81
82  public categories = (groupBy(this.trendItems, [{ field: 'clientName' }]) as GroupResult[])
83    .map((e) => e.value);
84
85  public groupedTrendsByPeriod = groupBy(this.trendItems, [{ field: 'periodName' }]) as GroupResult[];
86
87  public labelVisual(e: { dataItem: TrendItem }) {
88    return `$${e.dataItem.income}\r\n${e.dataItem.periodName}`;
89  }
90}
91

1{charts.map( (ch, i) => {
2   const tempApiDetails = {...apiDetails};
3   tempApiDetails.apiOptions.params = generateParams(ch.dashBoardType, ch.reportType); 
4   //above line is to generate params for API call
5
6   <SimpleTable apiOptions={tempApiDetails} />
7})}
8

1    window.lineOnHover = function(){        
2        Chart.defaults.LineWithLine = Chart.defaults.line;
3        Chart.controllers.LineWithLine = Chart.controllers.line.extend({
4        draw: function(ease) {
5          Chart.controllers.line.prototype.draw.call(this, ease);
6
7          if (this.chart.tooltip._active && this.chart.tooltip._active.length) {
8             var activePoint = this.chart.tooltip._active[0],
9                 ctx = this.chart.ctx,
10                 x = activePoint.tooltipPosition().x,
11                 topY = this.chart.legend.bottom,
12                 bottomY = this.chart.chartArea.bottom;
13
14             // draw line
15             ctx.save();
16             ctx.beginPath();
17             ctx.moveTo(x, topY);
18             ctx.lineTo(x, bottomY);
19             ctx.lineWidth = 1;
20             ctx.setLineDash([3,3]);
21             ctx.strokeStyle = '#FF4949';
22             ctx.stroke();
23             ctx.restore();
24          }
25        }
26        });
27    }
28
29
30//create chart
31var backhaul_wan_mos_chart = new Chart(backhaul_wan_mos_chart, {
32    type: 'LineWithLine',
33    data: {
34        labels: ['Aug 1', 'Aug 2', 'Aug 3', 'Aug 4', 'Aug 5', 'Aug 6', 'Aug 7', 'Aug 8'],
35        datasets: [{
36                label: 'Series 1',
37                data: [15, 16, 17, 18, 16, 18, 17, 14, 19, 16, 15, 15, 17],
38                pointRadius: 0,
39                fill: false,
40                borderDash: [3, 3],
41                borderColor: '#0F1731',
42//                    backgroundColor: '#FF9CE9',
43//                    pointBackgroundColor: ['#FB7BDF'],
44                borderWidth: 1
45            }],
46//                lineAtIndex: 2,
47    },
48    options: {
49        tooltips: {
50            intersect: false
51        },
52        legend: {
53            display: false
54        },
55        scales: {
56            xAxes: [{
57                    gridLines: {
58                        offsetGridLines: true
59                    },
60                    ticks: {
61                        fontColor: '#878B98',
62                        fontStyle: "600",
63                        fontSize: 10,
64                        fontFamily: "Poppins"
65                    }
66                }],
67            yAxes: [{
68                    display: true,
69                    stacked: true,
70                    ticks: {
71                        min: 0,
72                        max: 50,
73                        stepSize: 10,
74                        fontColor: '#878B98',
75                        fontStyle: "500",
76                        fontSize: 10,
77                        fontFamily: "Poppins"
78                    }
79                }]
80        },
81        responsive: true,
82    }
83});
84