新增超级曲线图表

2021-12-10 20:34:18 +08:00
parent 1a2302c05d
commit e215d3989b
143 changed files with 120241 additions and 5 deletions
--- a/third/0snap/qcustomplotdemo1.jpg
+++ b/third/0snap/qcustomplotdemo1.jpg
--- a/third/0snap/qcustomplotdemo2.jpg
+++ b/third/0snap/qcustomplotdemo2.jpg
--- a/third/0snap/qcustomplotdemo3.jpg
+++ b/third/0snap/qcustomplotdemo3.jpg
--- a/third/0snap/qcustomplotdemo4.jpg
+++ b/third/0snap/qcustomplotdemo4.jpg
--- a/third/0snap/qcustomplotdemo5.jpg
+++ b/third/0snap/qcustomplotdemo5.jpg
--- a/third/0snap/qcustomplotdemo6.jpg
+++ b/third/0snap/qcustomplotdemo6.jpg
--- a/third/0snap/qcustomplotdemo7.jpg
+++ b/third/0snap/qcustomplotdemo7.jpg
--- a/third/0snap/qcustomplotdemo8.jpg
+++ b/third/0snap/qcustomplotdemo8.jpg
--- a/third/3rd_qcustomplot/3rd_qcustomplot.pri
+++ b/third/3rd_qcustomplot/3rd_qcustomplot.pri
@@ -0,0 +1,35 @@
+greaterThan(QT_MAJOR_VERSION, 4): QT += printsupport
+greaterThan(QT_MAJOR_VERSION, 4): CONFIG += c++11
+#lessThan(QT_MAJOR_VERSION, 5): QMAKE_CXXFLAGS += -std=c++11
+
+!contains(DEFINES, qcustomplot_v1_3) {
+!contains(DEFINES, qcustomplot_v2_0) {
+!contains(DEFINES, qcustomplot_v2_1) {
+DEFINES += qcustomplot_v2_0
+}}}
+
+!contains(DEFINES, qcustomplot_v2_1) {
+greaterThan(QT_MAJOR_VERSION, 4) {
+DEFINES -= qcustomplot_v1_3
+DEFINES -= qcustomplot_v2_0
+DEFINES += qcustomplot_v2_1
+}}
+
+contains(DEFINES, qcustomplot_v1_3) {
+INCLUDEPATH += $$PWD/v1_3
+HEADERS += $$PWD/v1_3/qcustomplot.h
+SOURCES += $$PWD/v1_3/qcustomplot.cpp
+} else {
+contains(DEFINES, qcustomplot_v2_0) {
+INCLUDEPATH += $$PWD/v2_0
+HEADERS += $$PWD/v2_0/qcustomplot.h
+SOURCES += $$PWD/v2_0/qcustomplot.cpp
+} else {
+INCLUDEPATH += $$PWD/v2_1
+greaterThan(QT_MAJOR_VERSION, 5) {
+HEADERS += $$PWD/v2_1_6/qcustomplot.h
+} else {
+HEADERS += $$PWD/v2_1/qcustomplot.h
+}
+SOURCES += $$PWD/v2_1/qcustomplot.cpp
+}}
--- a/third/3rd_qcustomplot/v1_3/qcustomplot.cpp
+++ b/third/3rd_qcustomplot/v1_3/qcustomplot.cpp
--- a/third/3rd_qcustomplot/v1_3/qcustomplot.h
+++ b/third/3rd_qcustomplot/v1_3/qcustomplot.h
--- a/third/3rd_qcustomplot/v2_0/qcustomplot.cpp
+++ b/third/3rd_qcustomplot/v2_0/qcustomplot.cpp
--- a/third/3rd_qcustomplot/v2_0/qcustomplot.h
+++ b/third/3rd_qcustomplot/v2_0/qcustomplot.h
--- a/third/3rd_qcustomplot/v2_1/qcustomplot.cpp
+++ b/third/3rd_qcustomplot/v2_1/qcustomplot.cpp
--- a/third/3rd_qcustomplot/v2_1/qcustomplot.h
+++ b/third/3rd_qcustomplot/v2_1/qcustomplot.h
--- a/third/3rd_qcustomplot/v2_1_6/qcustomplot.h
+++ b/third/3rd_qcustomplot/v2_1_6/qcustomplot.h
--- a/third/qcustomplotdemo/data/data0.txt
+++ b/third/qcustomplotdemo/data/data0.txt
@@ -0,0 +1 @@
+00 00 06 35 09 6E 0A 76 09 C2 09 03 07 BF 06 B5 05 59 04 51 03 74 03 30 03 2A 03 3A 03 52 03 63 03 77 03 86 03 96 03 A0 03 AC 03 B4 03 BE 03 C6 03 CB 03 CD 03 D1 03 D1 03 D1 03 D3 03 D7 03 D9 03 DB 03 DB 03 DD 03 DF 03 E3 03 E5 03 E6 03 E4 03 E4 03 E4 03 E5 03 E5 03 E4 03 E4 03 E6 03 E5 03 E1 03 DC 03 D6 03 D4 03 D2 03 D1 03 D0 03 D1 03 D2 03 D3 03 D5 03 D9 03 DF 03 E6 03 F4 04 05 04 21 04 39 04 5D 04 7A 04 A5 04 CB 05 01 05 30 05 6E 05 A1 05 E6 06 1D 06 68 06 9F 06 D8 06 F7 07 14 07 27 07 43 07 5B 07 7A 07 94 07 B2 07 C9 07 E0 07 EF 08 03 08 11 08 21 08 30 08 41 08 4D 08 5E 08 6C 08 7C 08 8A 08 9B 08 A8 08 B7 08 C3 08 D0 08 DB 08 EA 08 F8 09 05 09 0F 09 19 09 22 09 2F 09 3B 09 45 09 4C 09 55 09 61 09 6D 09 76 09 83 09 8E 09 9C 09 A6 09 B1 09 B9 09 C8 09 D2 09 E0 09 EC 09 F6 0A 01 0A 0F 0A 19 0A 24 0A 2E 0A 3A 0A 43 0A 55 0A 61 0A 53 0A 67 0A 83 0A 91 0A 98 0A A0 0A B2 0A BF 0A D2 0A E8 0A F9 0B 05 0B 14 0B 20 0B 30 0B 3C 0B 4B 0B 59 0B 68 0B 77 0B 87 0B 93 0B A1 0B AE 0B BF 0B CD 0B DB 0B E5 0B F4 0C 00 0C 0F 0C 19 0C 25 0C 34 0C 40 0C 49 0C 56 0C 62 0C 6D 0C 75 0C 81 0C 8B 0C 98 0C A2 0C AD 0C B5 0C C4 0C D0 0C DA 0C E1 0C ED 0C FA 0D 07 0D 11 0D 1A 0D 22 0D 2F 0D 36 0D 41 0D 4A 0D 58 0D 63 0D 70 0D 7C 0D 8E 0D 9E 0D B4 0D C8 0D E3 0D F7 0E 0F 0E 24 0E 3F 0E 55 0E 71 0E 87 0E 9F 0E B3 0E CC 0E E0 0E FC 0F 10 0F 28 0F 41 0F 60 0F 78 0F 96 0F B1 0F CE 0F EA 10 0B 10 27 10 4A 10 63 10 83 10 9B 10 B8 10 CD 10 E3 10 BF 10 40 0F C2 0F 24 0E B2 0E 2E 0D D4 0D 7C 0D 52 0D 44 0D 5A 0D 71 0D 7F 0D 9F 0D C5 0D EF 0E 01 0E 12 0E 1C 0E 1D 0E 1C 0E 1A 0E 14 0E 05 0D F6 0D E5 0D DF 0D D9 0D D5 0D CE 0D C5 0D C0 0D C0 0D BB 0D B5 0D A8 0D A2 0D 9C 0D 95 0D 8C 0D 84 0D 75 0D 69 0D 5C 0D 51 0D 3C 0D 2A 0D 10 0D 00 0C EC 0C DD 0C C2 0C AB 0C 99 0C 8D 0C 7D 0C 6D 0C 57 0C 49 0C 3C 0C 31 0C 1D 0C 07 0B F0 0B E4 0B D0 0B BE 0B A7 0B 94 0B 7B 0B 6C 0B 59 0B 43 0B 26 0B 15 0B 03 0A F2 0A DB 0A B7 0A 94 0A 82 0A 6B 0A 52 0A 2F 0A 14 09 F7 09 DF 09 C2 09 A6 09 83 09 6F 09 55 09 3F 09 23 09 0E 08 F2 08 DB 08 C4 08 B1 08 96 08 7F 08 65 08 51 08 3B 08 22 08 01 07 EF 07 D8 07 C6 07 AA 07 93 07 7C 07 6E 07 5A 07 43 07 23 07 0A 06 F1 06 DB 06 BE 06 A6 06 86 06 6B 06 49 06 2F 06 14 05 F9 05 D4 05 BB 05 A0 05 8B 05 6C 05 50 05 30 05 1C 05 02 04 E9 04 C9 04 B0 04 98 04 86 04 6B 04 55 04 39 04 26 04 14 04 07 03 EE 03 D8 03 C0 03 B5 03 A9 03 9A 03 7D 03 68 03 51 03 42 03 31 03 20 03 07 02 F0 02 D8 02 C6 02 AA 02 90 02 68 02 45 02 1F 02 1F 01 D3 01 AE 01 8A 01 68 01 39 01 1B 01 01 00 EA 00 CE 00 BE 00 B1 00 A7 00 99 00 93 00 90 00 8E 00 8E 00 8E 00 90 00 92 00 91 00 91 00 92 00 92 00 90 00 91 00 92 00 93 00 92 00 91 00 91 00 92 00 91 00 91 00 91 00 90 00 91 00 91 00 91 00 91 00 92 00 92 00 91 00 91 00 90 00 90 00 91 00 92 00 92 00 92 00 91 00 90 00 92 00 91 00 91 00 92 00 92 00 92 00 92 00 91 00 91 00 90 00 90 00 92 00 90 00 91 00 92 00 92 00 91 00 91 00 92 00 92 00 92 00 92 00 91 00 91 00 92 00 91 00 91 00 91 00 92 00 92 00 92 00 92 00 91 00 91 00 91 00 91 00 92 00 92 00 92 00 92 00 92 00 92 00 91 00 90 00 8F 00 90 00 91 00 91 00 91 00 91 00 91 00 92 00 92 00 92 00 92 00 92 00 92 00 92 00 91 00 90 00 92 00 90 00 90 00 92 00 92 00 91 00
--- a/third/qcustomplotdemo/data/data1.txt
+++ b/third/qcustomplotdemo/data/data1.txt
@@ -0,0 +1 @@
+00 00 05 4D 07 E2 09 44 08 C6 07 FC 07 16 05 F4 05 05 03 E0 03 23 02 A3 02 9E 02 B3 02 B9 02 CE 02 DE 02 EF 02 FB 03 09 03 10 03 19 03 1E 03 23 03 28 03 29 03 29 03 2C 03 2C 03 2C 03 2E 03 31 03 31 03 32 03 31 03 32 03 30 03 2F 03 31 03 33 03 33 03 33 03 32 03 33 03 33 03 32 03 31 03 2F 03 2A 03 23 03 20 03 1F 03 1F 03 22 03 24 03 22 03 23 03 27 03 2B 03 32 03 39 03 47 03 55 03 6F 03 89 03 AF 03 D0 03 FF 04 2C 04 69 04 9D 04 E3 05 1E 05 61 05 9A 05 E1 06 1B 06 6A 06 A8 06 EE 07 18 07 41 07 5D 07 83 07 A3 07 CC 07 EA 08 0F 08 2A 08 4E 08 65 08 84 08 99 08 B0 08 C0 08 D8 08 E8 08 FB 09 09 09 1B 09 28 09 37 09 42 09 53 09 5D 09 68 09 72 09 80 09 8E 09 99 09 A2 09 AD 09 B7 09 C4 09 CE 09 DA 09 E4 09 F3 0A 00 0A 0E 0A 16 0A 20 0A 28 0A 35 0A 40 0A 4E 0A 57 0A 61 0A 69 0A 75 0A 7C 0A 96 0A A3 0A B6 0A C5 0A B8 0A C6 0A E0 0A ED 0A F6 0A FF 0B 0B 0B 16 0B 22 0B 2B 0B 33 0B 3C 0B 4A 0B 56 0B 65 0B 72 0B 81 0B 8F 0B 9E 0B AA 0B BC 0B C8 0B D8 0B E3 0B F1 0B FB 0C 08 0C 13 0C 23 0C 31 0C 41 0C 4E 0C 60 0C 6F 0C 7E 0C 88 0C 97 0C A5 0C B3 0C BD 0C C9 0C D5 0C E9 0C FA 0D 0E 0D 1A 0D 2C 0D 3A 0D 4A 0D 58 0D 69 0D 79 0D 89 0D 97 0D AA 0D B8 0D CE 0D DF 0D F3 0D FF 0E 13 0E 23 0E 34 0E 42 0E 55 0E 64 0E 79 0E 86 0E 98 0E A5 0E B7 0E C8 0E DD 0E ED 0E FF 0F 0B 0F 1B 0F 27 0F 33 0F 3D 0F 49 0F 54 0F 5F 0F 67 0F 6F 0F 77 0F 84 0F 8B 0F 93 0F 9C 0F A7 0F AE 0F B8 0F BF 0F C9 0F D0 0F D6 0F DF 0F E9 0F F2 0F FE 10 09 10 1A 10 27 10 35 10 41 10 4B 10 55 10 61 10 6C 10 7A 10 85 10 95 10 A4 10 B5 10 C6 10 D3 10 C6 10 5E 0F DD 0F 28 0E 9F 0E 09 0D 9A 0D 1A 0C BE 0C 69 0C 44 0C 64 0C 99 0C BB 0C CA 0C E8 0D 10 0D 33 0D 3A 0D 32 0D 2D 0D 1D 0D 08 0C E7 0C CD 0C AE 0C 97 0C 78 0C 63 0C 56 0C 4D 0C 3F 0C 33 0C 20 0C 12 0C 03 0B F7 0B DC 0B C6 0B B2 0B A2 0B 8D 0B 7B 0B 60 0B 52 0B 4A 0B 43 0B 32 0B 1A 0B 08 0B 03 0A FA 0A EE 0A DB 0A BD 0A B8 0A BC 0A C1 0A CA 0A A4 0A 99 0A 93 0A 8E 0A 7C 0A 5E 0A 4F 0A 4A 0A 3F 0A 31 0A 1B 0A 0B 09 FC 09 F4 09 E6 09 D4 09 BE 09 B1 09 A1 09 96 09 83 09 6F 09 57 09 49 09 3A 09 2A 09 11 08 FA 08 E5 08 D9 08 C4 08 B2 08 95 08 7E 08 6A 08 5B 08 45 08 2B 08 11 08 01 07 EE 07 DE 07 C1 07 A7 07 93 07 85 07 73 07 64 07 47 07 35 07 25 07 1A 07 06 06 F3 06 DD 06 D0 06 C4 06 B9 06 A7 06 96 06 86 06 7E 06 75 06 66 06 4E 06 3E 06 32 06 2A 06 19 06 08 05 F3 05 E6 05 DB 05 D0 05 BE 05 AC 05 96 05 8B 05 7E 05 72 05 5B 05 47 05 36 05 2B 05 1B 05 09 04 F1 04 E1 04 D2 04 C6 04 B2 04 9E 04 8A 04 7D 04 71 04 64 04 4B 04 38 04 21 04 13 04 01 03 F5 03 DB 03 C9 03 B3 03 A7 03 99 03 89 03 6F 03 59 03 35 03 35 03 23 03 0B 02 EA 02 D9 02 C2 02 A5 02 B8 02 A4 02 97 02 92 02 8A 02 88 02 86 02 86 02 86 02 86 02 85 02 83 02 83 02 81 02 80 02 80 02 7D 02 7B 02 7A 02 78 02 77 02 75 02 74 02 74 02 74 02 72 02 71 02 71 02 70 02 70 02 6F 02 6F 02 70 02 70 02 6F 02 6F 02 6F 02 6F 02 6F 02 70 02 70 02 70 02 71 02 71 02 72 02 72 02 74 02 76 02 74 02 74 02 74 02 75 02 75 02 75 02 75 02 75 02 76 02 76 02 76 02 76 02 75 02 75 02 76 02 77 02 74 02 74 02 74 02 76 02 75 02 74 02 74 02 76 02 75 02 74 02 74 02 76 02 76 02 75 02 75 02 75 02 74 02 75 02 75 02 74 02 76 02 76 02 75 02 75 02 75 02 75 02 76 02 76 02 75 02 75 02 74 02 74 02 75 02 75 02 74 02 74 02 74 02 74 02 75 02 75 02 76 02 75 02 74 02 74 02 74 02 74 02 
--- a/third/qcustomplotdemo/data/data2.txt
+++ b/third/qcustomplotdemo/data/data2.txt
@@ -0,0 +1 @@
+00 08 00 27 00 36 00 56 00 68 00 68 00 6C 00 D7 01 6A 01 EB 02 4E 02 89 02 AE 02 DB 03 0F 03 3A 03 63 03 8B 03 BB 03 EA 04 15 04 34 04 50 04 65 04 7D 04 A2 04 BF 04 D5 04 EB 05 03 05 16 05 27 05 3D 05 49 05 4D 05 58 05 72 05 99 05 B3 05 BC 05 CB 05 F2 06 12 06 2E 06 3F 06 54 06 76 06 A0 06 C0 06 C2 06 BB 06 C6 06 F4 07 27 07 52 07 69 07 76 07 7C 07 9B 07 C0 07 E2 08 11 08 38 08 47 08 77 08 8F 08 B1 09 0A 08 F8 08 C6 08 E9 09 30 09 65 09 72 09 6B 09 6D 09 A5 09 F3 0A 11 0A 1D 0A 3A 0A 51 0A 6D 0A 95 0A C3 0A EC 0B 06 0B 15 0B 2A 0B 42 0B 54 0B 86 0B C7 0B FB 0C 08 0C 1D 0C 3E 0C 65 0C 7D 0C 75 0C 90 0C DE 0D 1A 0D 17 0D 15 0D 4D 0D 9E 0D E5 0E 10 0E 16 0E 19 0E 40 0E 6C 0E 86 0E A5 0E D0 0E F1 0F 01 0F 1C 0F 42 0F 5F 0F 89 0F A0 0F A2 0F B5 0F DC 0F F8 10 0B 10 23 10 43 10 5E 10 74 10 85 10 9B 10 BA 10 D8 10 F7 11 12 11 22 11 26 11 1F 11 2A 11 3B 11 40 11 49 11 60 11 6D 11 68 11 68 11 7C 11 9A 11 A6 11 A5 11 B9 11 DB 11 EB 11 F2 11 FF 12 1A 12 32 12 39 12 4A 12 80 12 94 12 A2 12 C9 12 F9 13 1E 13 2C 13 3A 13 4A 13 56 13 7D 13 B1 13 CA 13 E2 14 09 14 36 14 64 14 95 14 BF 14 87 12 8F 0D 98 09 93 08 2F 08 65 08 CD 08 93 07 B4 06 E9 06 C0 08 17 0A EF 0C 1E 0A CF 09 97 0A 3A 0B C7 0C 6E 0C 29 0C 30 0C A6 0C D3 0C C0 0C AB 0C 84 0C 6C 0C 26 0B B9 0B BB 0B E9 0B DB 0B A6 0B 5E 0B 40 0B 65 0B 9E 0B 71 0A F7 0A D2 0A FB 0B 09 0A EC 0A 85 0A 4C 0A 81 0A EA 0A DD 0A 21 09 9F 09 E3 0A 64 0A 71 0A 12 09 B8 09 BB 0A 0B 0A 60 0A 52 0A 08 09 C8 09 B5 0A 0B 0A 25 09 B8 09 56 09 78 09 CC 09 B2 09 3A 08 C0 08 CC 09 20 09 46 09 05 08 76 08 36 08 5D 08 88 08 86 08 44 07 C4 07 A1 07 E7 08 12 07 CA 07 55 07 2F 07 40 07 60 07 5B 07 0C 06 B3 06 A9 06 D0 06 D9 06 7C 06 22 06 23 06 5A 06 69 06 0D 05 7E 05 55 05 75 05 93 05 72 05 14 04 BC 04 AF 04 C8 04 CB 04 88 04 3D 04 28 04 3B 04 40 04 25 03 EC 03 C8 03 CE 03 E7 03 D4 03 82 03 51 03 55 03 77 03 85 03 4D 03 0D 03 01 03 10 03 18 03 0B 02 D8 02 A8 02 9D 02 A9 02 AD 02 7B 02 4C 02 38 02 3B 02 3D 02 1A 01 F5 01 D9 01 CF 01 D3 01 C2 01 9B 01 84 01 7D 01 7E 01 7B 01 5D 01 3A 01 1C 01 0C 01 06 00 FE 00 E5 00 C9 00 B3 00 A5 00 9C 00 8F 00 76 00 5D 00 4C 00 42 00 30 00 1D 00 18 00 16 00 17 00 16 00 14 00 16 00 1A 00 18 00 18 00 1A 00 1E 00 28 00 30 00 33 00 33 00 35 00 35 00 35 00 35 00 35 00 34 00 33 00 33 00 32 00 32 00 32 00 32 00 32 00 32 00 32 00 34 00 32 00 31 00 30 00 30 00 2F 00 2D 00 2B 00 2A 00 29 00 27 00 25 00 21 00 1D 00 19 00 15 00 11 00 0B 00 08 00 05 00 02 FF FF FF FF FF FF 00 00 FF FD 00 00 00 01 00 01 FF FE FF FF FF FE FF FC FF FF 00 01 00 01 00 00 FF FD FF FF 00 00 00 00 00 01 00 01 00 02 00 02 00 02 00 01 00 01 00 01 FF FF 00 02 00 02 00 00 00 00 00 00 00 01 00 03 00 03 00 03 00 04 00 04 00 04 00 02 00 03 00 05 00 02 00 04 00 06 00 07 00 04 00 05 00 04 00 
--- a/third/qcustomplotdemo/font/fontawesome-webfont.ttf
+++ b/third/qcustomplotdemo/font/fontawesome-webfont.ttf
--- a/third/qcustomplotdemo/font/iconfont.ttf
+++ b/third/qcustomplotdemo/font/iconfont.ttf
--- a/third/qcustomplotdemo/font/pe-icon-set-weather.ttf
+++ b/third/qcustomplotdemo/font/pe-icon-set-weather.ttf
--- a/third/qcustomplotdemo/frmcustom/frmcustom.pri
+++ b/third/qcustomplotdemo/frmcustom/frmcustom.pri
@@ -0,0 +1,13 @@
+FORMS += \
+    $$PWD/frmmain.ui \
+    $$PWD/frmmultiaxes.ui
+
+HEADERS += \
+    $$PWD/frmmain.h \
+    $$PWD/frmmultiaxes.h \
+    $$PWD/iconhelper.h
+
+SOURCES += \
+    $$PWD/frmmain.cpp \
+    $$PWD/frmmultiaxes.cpp \
+    $$PWD/iconhelper.cpp
--- a/third/qcustomplotdemo/frmcustom/frmmain.cpp
+++ b/third/qcustomplotdemo/frmcustom/frmmain.cpp
@@ -0,0 +1,149 @@
+#pragma execution_character_set("utf-8")
+
+#include "frmmain.h"
+#include "ui_frmmain.h"
+#include "iconhelper.h"
+#include "qdebug.h"
+
+#include "frmquadratic.h"
+#include "frmsimple.h"
+#include "frmsincscatter.h"
+#include "frmscatterstyle.h"
+#include "frmscatterpixmap.h"
+#include "frmlinestyle.h"
+#include "frmdate.h"
+#include "frmtexturebrush.h"
+#include "frmmultiaxis.h"
+#include "frmlogarithmic.h"
+#include "frmrealtimedata.h"
+#include "frmparametriccurve.h"
+#include "frmbarchart.h"
+#include "frmstatistical.h"
+#include "frmsimpleitem.h"
+#include "frmitem.h"
+#include "frmstyled.h"
+#include "frmadvancedaxes.h"
+#include "frmcolormap.h"
+#include "frmfinancial.h"
+#include "frmpolarplot.h"
+
+#include "frmaxistag.h"
+#include "frminteraction.h"
+#include "frmscrollbar.h"
+#include "frmmultiaxes.h"
+
+frmMain::frmMain(QWidget *parent) : QWidget(parent), ui(new Ui::frmMain)
+{
+    ui->setupUi(this);
+    this->initForm();
+    this->initWidget();
+    this->initNav();
+    this->initIcon();
+}
+
+frmMain::~frmMain()
+{
+    delete ui;
+}
+
+void frmMain::showEvent(QShowEvent *)
+{
+    //滚动到底部
+    QScrollBar *bar = ui->scrollArea->verticalScrollBar();
+    bar->setValue(bar->maximum());
+}
+
+void frmMain::initForm()
+{
+    ui->scrollArea->setFixedWidth(170);
+    ui->widgetLeft->setProperty("flag", "left");
+}
+
+void frmMain::initWidget()
+{
+    //ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+    ui->stackedWidget->addWidget(new frmQuadratic);
+    ui->stackedWidget->addWidget(new frmSimple);
+    ui->stackedWidget->addWidget(new frmSincScatter);
+    ui->stackedWidget->addWidget(new frmScatterStyle);
+    ui->stackedWidget->addWidget(new frmScatterPixmap);
+    ui->stackedWidget->addWidget(new frmLineStyle);
+    ui->stackedWidget->addWidget(new frmDate);
+    ui->stackedWidget->addWidget(new frmTextureBrush);
+    ui->stackedWidget->addWidget(new frmMultiAxis);
+    ui->stackedWidget->addWidget(new frmLogarithmic);
+    ui->stackedWidget->addWidget(new frmRealtimeData);
+    ui->stackedWidget->addWidget(new frmParametricCurve);
+    ui->stackedWidget->addWidget(new frmBarChart);
+    ui->stackedWidget->addWidget(new frmStatistical);
+    ui->stackedWidget->addWidget(new frmSimpleItem);
+    ui->stackedWidget->addWidget(new frmItem);
+    ui->stackedWidget->addWidget(new frmStyled);
+    ui->stackedWidget->addWidget(new frmAdvancedAxes);
+    ui->stackedWidget->addWidget(new frmColorMap);
+    ui->stackedWidget->addWidget(new frmFinancial);
+    ui->stackedWidget->addWidget(new frmPolarPlot);
+    ui->stackedWidget->addWidget(new frmAxisTag);
+    ui->stackedWidget->addWidget(new frmInterAction);
+    ui->stackedWidget->addWidget(new frmScrollBar);
+    ui->stackedWidget->addWidget(new frmMultiAxes);
+}
+
+void frmMain::initNav()
+{
+    //按钮文字集合
+    QStringList names;
+    names << "平方二次元" << "简单曲线图" << "正弦散点图" << "数据点样式" << "数据点图片"
+          << "曲线条样式" << "日期数据图" << "纹理画刷图" << "双坐标曲线" << "对数曲线图"
+          << "动态正弦图" << "环形曲线图" << "垂直柱状图" << "箱形盒须图" << "静态指示线"
+          << "动态指示线" << "曲线样式图" << "高级坐标轴" << "颜色热力图" << "金融曲线图"
+          << "南丁格尔图" << "坐标轴指示" << "相互作用图" << "滚动条曲线" << "多坐标轴图";
+
+    //自动生成按钮
+    for (int i = 0; i < names.count(); i++) {
+        QToolButton *btn = new QToolButton;
+        //设置按钮固定高度
+        btn->setFixedHeight(35);
+        //设置按钮的文字
+        btn->setText(QString("%1. %2").arg(i + 1, 2, 10, QChar('0')).arg(names.at(i)));
+        //设置按钮可选中按下类似复选框的功能
+        btn->setCheckable(true);
+        //设置按钮图标在左侧文字在右侧
+        btn->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
+        //设置按钮拉伸策略为横向填充
+        btn->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Preferred);
+        //关联按钮单击事件
+        connect(btn, SIGNAL(clicked(bool)), this, SLOT(buttonClicked()));
+        //将按钮加入到布局
+        ui->widgetLeft->layout()->addWidget(btn);
+        //可以指定不同的图标
+        icons << 0xf061;
+        btns << btn;
+    }
+
+    //底部加个弹簧
+    QSpacerItem *verticalSpacer = new QSpacerItem(20, 40, QSizePolicy::Minimum, QSizePolicy::Expanding);
+    ui->widgetLeft->layout()->addItem(verticalSpacer);
+    btns.at(names.count() - 1)->click();
+}
+
+void frmMain::initIcon()
+{
+    //左侧导航样式,可以设置各种牛逼的参数,超级棒
+    IconHelper::StyleColor styleColor;
+    styleColor.defaultBorder = true;
+    IconHelper::setStyle(ui->widgetLeft, btns, icons, styleColor);
+}
+
+void frmMain::buttonClicked()
+{
+    QAbstractButton *b = (QAbstractButton *)sender();
+    int count = btns.count();
+    int index = btns.indexOf(b);
+    ui->stackedWidget->setCurrentIndex(index);
+
+    for (int i = 0; i < count; i++) {
+        QAbstractButton *btn = btns.at(i);
+        btn->setChecked(btn == b);
+    }
+}
--- a/third/qcustomplotdemo/frmcustom/frmmain.h
+++ b/third/qcustomplotdemo/frmcustom/frmmain.h
@@ -0,0 +1,37 @@
+#ifndef FRMMAIN_H
+#define FRMMAIN_H
+
+#include <QWidget>
+class QAbstractButton;
+
+namespace Ui {
+class frmMain;
+}
+
+class frmMain : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmMain(QWidget *parent = 0);
+    ~frmMain();
+
+protected:
+    void showEvent(QShowEvent *);
+
+private:
+    Ui::frmMain *ui;
+
+    //左侧导航栏图标+按钮集合
+    QList<int> icons;
+    QList<QAbstractButton *> btns;
+
+private slots:
+    void initForm();        //初始化界面数据
+    void initWidget();      //初始化子窗体
+    void initNav();         //初始化导航按钮
+    void initIcon();        //初始化导航按钮图标
+    void buttonClicked();   //导航按钮单击事件
+};
+
+#endif // FRMMAIN_H
--- a/third/qcustomplotdemo/frmcustom/frmmain.ui
+++ b/third/qcustomplotdemo/frmcustom/frmmain.ui
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmMain</class>
+ <widget class="QWidget" name="frmMain">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>635</width>
+    <height>429</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QHBoxLayout" name="horizontalLayout">
+   <property name="spacing">
+    <number>0</number>
+   </property>
+   <property name="leftMargin">
+    <number>0</number>
+   </property>
+   <property name="topMargin">
+    <number>0</number>
+   </property>
+   <property name="rightMargin">
+    <number>0</number>
+   </property>
+   <property name="bottomMargin">
+    <number>0</number>
+   </property>
+   <item>
+    <widget class="QScrollArea" name="scrollArea">
+     <property name="minimumSize">
+      <size>
+       <width>180</width>
+       <height>0</height>
+      </size>
+     </property>
+     <property name="maximumSize">
+      <size>
+       <width>180</width>
+       <height>16777215</height>
+      </size>
+     </property>
+     <property name="widgetResizable">
+      <bool>true</bool>
+     </property>
+     <widget class="QWidget" name="widgetLeft">
+      <property name="geometry">
+       <rect>
+        <x>0</x>
+        <y>0</y>
+        <width>178</width>
+        <height>427</height>
+       </rect>
+      </property>
+      <layout class="QVBoxLayout" name="verticalLayout">
+       <property name="spacing">
+        <number>0</number>
+       </property>
+       <property name="leftMargin">
+        <number>0</number>
+       </property>
+       <property name="topMargin">
+        <number>0</number>
+       </property>
+       <property name="rightMargin">
+        <number>0</number>
+       </property>
+       <property name="bottomMargin">
+        <number>0</number>
+       </property>
+      </layout>
+     </widget>
+    </widget>
+   </item>
+   <item>
+    <widget class="QStackedWidget" name="stackedWidget"/>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmcustom/frmmultiaxes.cpp
+++ b/third/qcustomplotdemo/frmcustom/frmmultiaxes.cpp
@@ -0,0 +1,186 @@
+#include "frmmultiaxes.h"
+#include "ui_frmmultiaxes.h"
+#include "qfile.h"
+#include "qdebug.h"
+
+frmMultiAxes::frmMultiAxes(QWidget *parent) : QWidget(parent), ui(new Ui::frmMultiAxes)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmMultiAxes::~frmMultiAxes()
+{
+    delete ui;
+}
+
+void frmMultiAxes::initForm()
+{
+    //Y坐标轴的数量
+    count = 4;
+
+    this->initPlot(ui->customPlot1, QCPAxis::atLeft, count);
+    this->initPlot(ui->customPlot2, QCPAxis::atRight, count);
+
+    this->loadPlot(ui->customPlot1, QCPAxis::atLeft, count);
+    this->loadPlot(ui->customPlot2, QCPAxis::atRight, count);
+
+    for (int i = 0; i < count; ++i) {
+        this->loadData(ui->customPlot1, i);
+        this->loadData(ui->customPlot2, i);
+    }
+}
+
+void frmMultiAxes::selectionChangedByUser()
+{
+    //联动处理 坐标轴、刻度尺、画布曲线 选中一样则选中所有
+    QCustomPlot *customPlot = (QCustomPlot *)sender();
+    QCPAxis::AxisType type;
+    if (customPlot == ui->customPlot1) {
+        type = QCPAxis::atLeft;
+    } else if (customPlot == ui->customPlot2) {
+        type = QCPAxis::atRight;
+    }
+
+    int selecteIndex = -1;
+    for (int i = 0; i < count; ++i) {
+        //获取对应的坐标轴
+        QCPAxis *axis = customPlot->axisRect()->axis(type, i);
+        //获取对应的画布曲线
+        QCPGraph *graph = customPlot->graph(i);
+        //判断 坐标轴、刻度尺、画布曲线 是否选中了一个
+        if (axis->selectedParts().testFlag(QCPAxis::spAxis) || axis->selectedParts().testFlag(QCPAxis::spTickLabels) || graph->selected()) {
+            //设置坐标轴、刻度尺同时选中
+            axis->setSelectedParts(QCPAxis::spAxis | QCPAxis::spTickLabels);
+            //设置画布曲线选中
+            graph->setSelection(QCPDataSelection(graph->data()->dataRange()));
+            selecteIndex = i;
+            break;
+        }
+    }
+
+    //存在选中则设置当前选中的可拖动和缩放
+    //不存在则设置所有的可拖动和缩放
+    QCPAxisRect *axisRect = customPlot->axisRect();
+    if (selecteIndex >= 0) {
+        QCPAxis *axis = axisRect->axis(type, selecteIndex);
+        axisRect->setRangeDragAxes(customPlot->xAxis, axis);
+        axisRect->setRangeZoomAxes(customPlot->xAxis, axis);
+    } else {
+#ifndef qcustomplot_v1_3
+        axisRect->setRangeDragAxes(axisRect->axes());
+        axisRect->setRangeZoomAxes(axisRect->axes());
+#endif
+    }
+}
+
+void frmMultiAxes::initPlot(QCustomPlot *customPlot, const QCPAxis::AxisType &type, int count)
+{
+    //选中对应的坐标轴或者画布等
+    connect(customPlot, SIGNAL(selectionChangedByUser()), this, SLOT(selectionChangedByUser()));
+    //connect(customPlot->yAxis2, SIGNAL(rangeChanged(QCPRange)), customPlot->yAxis, SLOT(setRange(QCPRange)));
+
+    if (type == QCPAxis::atLeft) {
+        customPlot->yAxis->setVisible(true);
+        customPlot->yAxis2->setVisible(false);
+    } else if (type == QCPAxis::atRight) {
+        customPlot->yAxis->setVisible(false);
+        customPlot->yAxis2->setVisible(true);
+    }
+
+    //添加多个坐标轴
+    for (int i = 0; i < count - 1; ++i) {
+        customPlot->axisRect()->addAxis(type);
+    }
+
+    //设置边距、范围值、网格可见、刻度数量等
+    for (int i = 0; i < count; ++i) {
+        QCPAxis *axis = customPlot->axisRect()->axis(type, i);
+        axis->setPadding(10);
+        axis->setRange(0, 1);
+        axis->grid()->setVisible(true);
+        //axis->grid()->setSubGridVisible(true);
+        axis->ticker()->setTickCount(10);
+    }
+
+    //设置初始范围值
+    customPlot->xAxis->setRange(0.5, 10.5);
+    //设置刻度数量
+    customPlot->xAxis->ticker()->setTickCount(10);
+    //设置可拖动和缩放选中等
+    customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom | QCP::iSelectAxes | QCP::iSelectPlottables);
+}
+
+void frmMultiAxes::loadPlot(QCustomPlot *customPlot, const QCPAxis::AxisType &type, int count)
+{
+    //颜色集合
+    QList<QColor> colors;
+    colors << QColor(211, 78, 78) << QColor(29, 185, 242) << QColor(170, 162, 119) << QColor(255, 192, 1);
+    colors << QColor(0, 176, 180) << QColor(0, 113, 193) << QColor(255, 192, 0);
+    colors << QColor(72, 103, 149) << QColor(185, 87, 86) << QColor(0, 177, 125);
+    colors << QColor(214, 77, 84) << QColor(71, 164, 233) << QColor(34, 163, 169);
+    colors << QColor(59, 123, 156) << QColor(162, 121, 197) << QColor(72, 202, 245);
+    colors << QColor(0, 150, 121) << QColor(111, 9, 176) << QColor(250, 170, 20);
+
+    for (int i = 0; i < count; ++i) {
+        //分配一种颜色
+        QColor color;
+        if (i < colors.count()) {
+            color = colors.at(i);
+        }
+
+        QPen pen(color);
+        QCPAxis *axis = customPlot->axisRect()->axis(type, i);
+        //刻度文本颜色
+        axis->setTickLabelColor(color);
+        //刻度线条颜色
+        axis->setBasePen(pen);
+        //大刻度尺颜色
+        axis->setTickPen(pen);
+        //小刻度尺颜色
+        axis->setSubTickPen(pen);
+        //画布线条颜色
+        QCPGraph *graph = customPlot->addGraph(customPlot->xAxis, axis);
+        graph->setPen(pen);
+    }
+}
+
+void frmMultiAxes::loadData(QCustomPlot *customPlot, int index)
+{
+    //下面演示从文本文件读取数据，具体格式可以自行打开文件查看
+    //真实场景自己准备数据调用 setData 即可
+    int flag = index > 2 ? 0 : index;
+    QString fileName = QString(":/data/data%1.txt").arg(flag);
+    QFile file(fileName);
+    if (file.open(QFile::ReadOnly | QIODevice::Text)) {
+        QString value = file.readAll();
+        file.close();
+
+        QVector<double> keys, values;
+        QStringList list = value.split(" ");
+        int len = list.length();
+
+        //如果不是2的倍数则长度要减去1
+        if (len % 2 != 0) {
+            len = (len - 1);
+        }
+
+        for (int i = 0; i < len / 2; i++) {
+            keys << i;
+        }
+
+        //每两个16进制数字组合成一个数字
+        for (int i = 0; i < len; i = i + 2) {
+            QString strHex = QString("%1%2").arg(list.at(i)).arg(list.at(i + 1));
+            qint16 value = strHex.toUShort(NULL, 16);
+            values << value;
+        }
+
+        //获取对应画布
+        QCPGraph *graph = customPlot->graph(index);
+        //设置数据到画布
+        graph->setData(keys, values);
+        //自适应坐标轴
+        graph->rescaleAxes();
+    }
+}
--- a/third/qcustomplotdemo/frmcustom/frmmultiaxes.h
+++ b/third/qcustomplotdemo/frmcustom/frmmultiaxes.h
@@ -0,0 +1,36 @@
+#ifndef FRMMULTIAXES_H
+#define FRMMULTIAXES_H
+
+#include <QWidget>
+#include "qcustomplot.h"
+
+namespace Ui {
+class frmMultiAxes;
+}
+
+class frmMultiAxes : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmMultiAxes(QWidget *parent = 0);
+    ~frmMultiAxes();
+
+private:
+    Ui::frmMultiAxes *ui;
+    int count;
+
+private slots:
+    //初始化界面数据
+    void initForm();
+    //用户按下区域改变
+    void selectionChangedByUser();
+    //初始化图表控件
+    void initPlot(QCustomPlot *customPlot, const QCPAxis::AxisType &type, int count);
+    //加载图表控件
+    void loadPlot(QCustomPlot *customPlot, const QCPAxis::AxisType &type, int count);
+    //加载数据到图表控件
+    void loadData(QCustomPlot *customPlot, int index);
+};
+
+#endif // FRMMULTIAXES_H
--- a/third/qcustomplotdemo/frmcustom/frmmultiaxes.ui
+++ b/third/qcustomplotdemo/frmcustom/frmmultiaxes.ui
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmMultiAxes</class>
+ <widget class="QWidget" name="frmMultiAxes">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot1" native="true"/>
+   </item>
+   <item>
+    <widget class="QCustomPlot" name="customPlot2" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmcustom/iconhelper.cpp
+++ b/third/qcustomplotdemo/frmcustom/iconhelper.cpp
@@ -0,0 +1,359 @@
+#include "iconhelper.h"
+
+IconHelper *IconHelper::iconFontAliBaBa = 0;
+IconHelper *IconHelper::iconFontAwesome = 0;
+IconHelper *IconHelper::iconFontWeather = 0;
+int IconHelper::iconFontIndex = -1;
+
+void IconHelper::initFont()
+{
+    static bool isInit = false;
+    if (!isInit) {
+        isInit = true;
+        if (iconFontAliBaBa == 0) {
+            iconFontAliBaBa = new IconHelper(":/font/iconfont.ttf", "iconfont");
+        }
+        if (iconFontAwesome == 0) {
+            iconFontAwesome = new IconHelper(":/font/fontawesome-webfont.ttf", "FontAwesome");
+        }
+        if (iconFontWeather == 0) {
+            iconFontWeather = new IconHelper(":/font/pe-icon-set-weather.ttf", "pe-icon-set-weather");
+        }
+    }
+}
+
+QFont IconHelper::getIconFontAliBaBa()
+{
+    initFont();
+    return iconFontAliBaBa->getIconFont();
+}
+
+QFont IconHelper::getIconFontAwesome()
+{
+    initFont();
+    return iconFontAwesome->getIconFont();
+}
+
+QFont IconHelper::getIconFontWeather()
+{
+    initFont();
+    return iconFontWeather->getIconFont();
+}
+
+IconHelper *IconHelper::getIconHelper(int icon)
+{
+    initFont();
+
+    //指定了字体索引则取对应索引的字体类
+    //没指定则自动根据不同的字体的值选择对应的类
+    //由于部分值范围冲突所以可以指定索引来取
+    //fontawesome   0xf000-0xf2e0
+    //iconfont      0xe501-0xe793 0xe8d5-0xea5d
+    //weather       0xe900-0xe9cf
+
+    IconHelper *iconHelper = iconFontAwesome;
+    if (iconFontIndex < 0) {
+        if ((icon > 0xe501 && icon < 0xe793) || (icon > 0xe8d5 && icon < 0xea5d)) {
+            iconHelper = iconFontAliBaBa;
+        }
+    } else if (iconFontIndex == 0) {
+        iconHelper = iconFontAliBaBa;
+    } else if (iconFontIndex == 1) {
+        iconHelper = iconFontAwesome;
+    } else if (iconFontIndex == 2) {
+        iconHelper = iconFontWeather;
+    }
+
+    return iconHelper;
+}
+
+void IconHelper::setIcon(QLabel *lab, int icon, quint32 size)
+{
+    getIconHelper(icon)->setIcon1(lab, icon, size);
+}
+
+void IconHelper::setIcon(QAbstractButton *btn, int icon, quint32 size)
+{
+    getIconHelper(icon)->setIcon1(btn, icon, size);
+}
+
+void IconHelper::setPixmap(QAbstractButton *btn, const QColor &color, int icon, quint32 size,
+                           quint32 width, quint32 height, int flags)
+{
+    getIconHelper(icon)->setPixmap1(btn, color, icon, size, width, height, flags);
+}
+
+QPixmap IconHelper::getPixmap(const QColor &color, int icon, quint32 size,
+                              quint32 width, quint32 height, int flags)
+{
+    return getIconHelper(icon)->getPixmap1(color, icon, size, width, height, flags);
+}
+
+void IconHelper::setStyle(QWidget *widget, QList<QPushButton *> btns,
+                          QList<int> icons, const IconHelper::StyleColor &styleColor)
+{
+    int icon = icons.first();
+    getIconHelper(icon)->setStyle1(widget, btns, icons, styleColor);
+}
+
+void IconHelper::setStyle(QWidget *widget, QList<QToolButton *> btns,
+                          QList<int> icons, const IconHelper::StyleColor &styleColor)
+{
+    int icon = icons.first();
+    getIconHelper(icon)->setStyle1(widget, btns, icons, styleColor);
+}
+
+void IconHelper::setStyle(QWidget *widget, QList<QAbstractButton *> btns,
+                          QList<int> icons, const IconHelper::StyleColor &styleColor)
+{
+    int icon = icons.first();
+    getIconHelper(icon)->setStyle1(widget, btns, icons, styleColor);
+}
+
+
+IconHelper::IconHelper(const QString &fontFile, const QString &fontName, QObject *parent) : QObject(parent)
+{
+    //判断图形字体是否存在,不存在则加入
+    QFontDatabase fontDb;
+    if (!fontDb.families().contains(fontName)) {
+        int fontId = fontDb.addApplicationFont(fontFile);
+        QStringList listName = fontDb.applicationFontFamilies(fontId);
+        if (listName.count() == 0) {
+            qDebug() << QString("load %1 error").arg(fontName);
+        }
+    }
+
+    //再次判断是否包含字体名称防止加载失败
+    if (fontDb.families().contains(fontName)) {
+        iconFont = QFont(fontName);
+#if (QT_VERSION >= QT_VERSION_CHECK(4,8,0))
+        iconFont.setHintingPreference(QFont::PreferNoHinting);
+#endif
+    }
+}
+
+bool IconHelper::eventFilter(QObject *watched, QEvent *event)
+{
+    //根据不同的
+    if (watched->inherits("QAbstractButton")) {
+        QAbstractButton *btn = (QAbstractButton *)watched;
+        int index = btns.indexOf(btn);
+        if (index >= 0) {
+            //不同的事件设置不同的图标,同时区分选中的和没有选中的
+            if (btn->isChecked()) {
+                if (event->type() == QEvent::MouseButtonPress) {
+                    QMouseEvent *mouseEvent = (QMouseEvent *)event;
+                    if (mouseEvent->button() == Qt::LeftButton) {
+                        btn->setIcon(QIcon(pixChecked.at(index)));
+                    }
+                } else if (event->type() == QEvent::Enter) {
+                    btn->setIcon(QIcon(pixChecked.at(index)));
+                } else if (event->type() == QEvent::Leave) {
+                    btn->setIcon(QIcon(pixChecked.at(index)));
+                }
+            } else {
+                if (event->type() == QEvent::MouseButtonPress) {
+                    QMouseEvent *mouseEvent = (QMouseEvent *)event;
+                    if (mouseEvent->button() == Qt::LeftButton) {
+                        btn->setIcon(QIcon(pixPressed.at(index)));
+                    }
+                } else if (event->type() == QEvent::Enter) {
+                    btn->setIcon(QIcon(pixHover.at(index)));
+                } else if (event->type() == QEvent::Leave) {
+                    btn->setIcon(QIcon(pixNormal.at(index)));
+                }
+            }
+        }
+    }
+
+    return QObject::eventFilter(watched, event);
+}
+
+void IconHelper::toggled(bool checked)
+{
+    //选中和不选中设置不同的图标
+    QAbstractButton *btn = (QAbstractButton *)sender();
+    int index = btns.indexOf(btn);
+    if (checked) {
+        btn->setIcon(QIcon(pixChecked.at(index)));
+    } else {
+        btn->setIcon(QIcon(pixNormal.at(index)));
+    }
+}
+
+QFont IconHelper::getIconFont()
+{
+    return this->iconFont;
+}
+
+void IconHelper::setIcon1(QLabel *lab, int icon, quint32 size)
+{
+    iconFont.setPixelSize(size);
+    lab->setFont(iconFont);
+    lab->setText((QChar)icon);
+}
+
+void IconHelper::setIcon1(QAbstractButton *btn, int icon, quint32 size)
+{
+    iconFont.setPixelSize(size);
+    btn->setFont(iconFont);
+    btn->setText((QChar)icon);
+}
+
+void IconHelper::setPixmap1(QAbstractButton *btn, const QColor &color, int icon, quint32 size,
+                            quint32 width, quint32 height, int flags)
+{
+    btn->setIcon(getPixmap1(color, icon, size, width, height, flags));
+}
+
+QPixmap IconHelper::getPixmap1(const QColor &color, int icon, quint32 size,
+                               quint32 width, quint32 height, int flags)
+{
+    //主动绘制图形字体到图片
+    QPixmap pix(width, height);
+    pix.fill(Qt::transparent);
+
+    QPainter painter;
+    painter.begin(&pix);
+    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
+    painter.setPen(color);
+
+    iconFont.setPixelSize(size);
+    painter.setFont(iconFont);
+    painter.drawText(pix.rect(), flags, (QChar)icon);
+    painter.end();
+    return pix;
+}
+
+void IconHelper::setStyle1(QWidget *widget, QList<QPushButton *> btns, QList<int> icons, const IconHelper::StyleColor &styleColor)
+{
+    QList<QAbstractButton *> list;
+    foreach (QPushButton *btn, btns) {
+        list << btn;
+    }
+
+    setStyle(widget, list, icons, styleColor);
+}
+
+void IconHelper::setStyle1(QWidget *widget, QList<QToolButton *> btns, QList<int> icons, const IconHelper::StyleColor &styleColor)
+{
+    QList<QAbstractButton *> list;
+    foreach (QToolButton *btn, btns) {
+        list << btn;
+    }
+
+    setStyle(widget, list, icons, styleColor);
+}
+
+void IconHelper::setStyle1(QWidget *widget, QList<QAbstractButton *> btns, QList<int> icons, const IconHelper::StyleColor &styleColor)
+{
+    int btnCount = btns.count();
+    int iconCount = icons.count();
+    if (btnCount <= 0 || iconCount <= 0 || btnCount != iconCount) {
+        return;
+    }
+
+    QString position = styleColor.position;
+    quint32 iconSize = styleColor.iconSize;
+    quint32 iconWidth = styleColor.iconWidth;
+    quint32 iconHeight = styleColor.iconHeight;
+    quint32 borderWidth = styleColor.borderWidth;
+
+    //根据不同的位置计算边框
+    QString strBorder;
+    if (position == "top") {
+        strBorder = QString("border-width:%1px 0px 0px 0px;padding-top:%1px;padding-bottom:%2px;")
+                    .arg(borderWidth).arg(borderWidth * 2);
+    } else if (position == "right") {
+        strBorder = QString("border-width:0px %1px 0px 0px;padding-right:%1px;padding-left:%2px;")
+                    .arg(borderWidth).arg(borderWidth * 2);
+    } else if (position == "bottom") {
+        strBorder = QString("border-width:0px 0px %1px 0px;padding-bottom:%1px;padding-top:%2px;")
+                    .arg(borderWidth).arg(borderWidth * 2);
+    } else if (position == "left") {
+        strBorder = QString("border-width:0px 0px 0px %1px;padding-left:%1px;padding-right:%2px;")
+                    .arg(borderWidth).arg(borderWidth * 2);
+    }
+
+    //如果图标是左侧显示则需要让没有选中的按钮左侧也有加深的边框,颜色为背景颜色
+    //如果图标在文字上面而设置的边框是 top bottom 也需要启用加深边框
+    QStringList qss;
+    if (styleColor.defaultBorder) {
+        qss << QString("QWidget[flag=\"%1\"] QAbstractButton{border-style:solid;border-radius:0px;%2border-color:%3;color:%4;background:%5;}")
+            .arg(position).arg(strBorder).arg(styleColor.normalBgColor).arg(styleColor.normalTextColor).arg(styleColor.normalBgColor);
+    } else {
+        qss << QString("QWidget[flag=\"%1\"] QAbstractButton{border-style:none;border-radius:0px;padding:5px;color:%2;background:%3;}")
+            .arg(position).arg(styleColor.normalTextColor).arg(styleColor.normalBgColor);
+    }
+
+    //悬停+按下+选中
+    qss << QString("QWidget[flag=\"%1\"] QAbstractButton:hover{border-style:solid;%2border-color:%3;color:%4;background:%5;}")
+        .arg(position).arg(strBorder).arg(styleColor.borderColor).arg(styleColor.hoverTextColor).arg(styleColor.hoverBgColor);
+    qss << QString("QWidget[flag=\"%1\"] QAbstractButton:pressed{border-style:solid;%2border-color:%3;color:%4;background:%5;}")
+        .arg(position).arg(strBorder).arg(styleColor.borderColor).arg(styleColor.pressedTextColor).arg(styleColor.pressedBgColor);
+    qss << QString("QWidget[flag=\"%1\"] QAbstractButton:checked{border-style:solid;%2border-color:%3;color:%4;background:%5;}")
+        .arg(position).arg(strBorder).arg(styleColor.borderColor).arg(styleColor.checkedTextColor).arg(styleColor.checkedBgColor);
+
+    //窗体背景颜色+按钮背景颜色
+    qss << QString("QWidget#%1{background:%2;}")
+        .arg(widget->objectName()).arg(styleColor.normalBgColor);
+    qss << QString("QWidget>QAbstractButton{border-width:0px;background-color:%1;color:%2;}")
+        .arg(styleColor.normalBgColor).arg(styleColor.normalTextColor);
+    qss << QString("QWidget>QAbstractButton:hover{background-color:%1;color:%2;}")
+        .arg(styleColor.hoverBgColor).arg(styleColor.hoverTextColor);
+    qss << QString("QWidget>QAbstractButton:pressed{background-color:%1;color:%2;}")
+        .arg(styleColor.pressedBgColor).arg(styleColor.pressedTextColor);
+    qss << QString("QWidget>QAbstractButton:checked{background-color:%1;color:%2;}")
+        .arg(styleColor.checkedBgColor).arg(styleColor.checkedTextColor);
+
+    //设置样式表
+    widget->setStyleSheet(qss.join(""));
+
+    //可能会重复调用设置所以先要移除上一次的
+    for (int i = 0; i < btnCount; i++) {
+        for (int j = 0; j < this->btns.count(); j++) {
+            if (this->btns.at(j) == btns.at(i)) {
+                disconnect(btns.at(i), SIGNAL(toggled(bool)), this, SLOT(toggled(bool)));
+                this->btns.at(j)->removeEventFilter(this);
+                this->btns.removeAt(j);
+                this->pixNormal.removeAt(j);
+                this->pixHover.removeAt(j);
+                this->pixPressed.removeAt(j);
+                this->pixChecked.removeAt(j);
+                break;
+            }
+        }
+    }
+
+    //存储对应按钮对象,方便鼠标移上去的时候切换图片
+    int checkedIndex = -1;
+    for (int i = 0; i < btnCount; i++) {
+        int icon = icons.at(i);
+        QPixmap pixNormal = getPixmap1(styleColor.normalTextColor, icon, iconSize, iconWidth, iconHeight);
+        QPixmap pixHover = getPixmap1(styleColor.hoverTextColor, icon, iconSize, iconWidth, iconHeight);
+        QPixmap pixPressed = getPixmap1(styleColor.pressedTextColor, icon, iconSize, iconWidth, iconHeight);
+        QPixmap pixChecked = getPixmap1(styleColor.checkedTextColor, icon, iconSize, iconWidth, iconHeight);
+
+        //记住最后选中的按钮
+        QAbstractButton *btn = btns.at(i);
+        if (btn->isChecked()) {
+            checkedIndex = i;
+        }
+
+        btn->setIcon(QIcon(pixNormal));
+        btn->setIconSize(QSize(iconWidth, iconHeight));
+        btn->installEventFilter(this);
+        connect(btn, SIGNAL(toggled(bool)), this, SLOT(toggled(bool)));
+
+        this->btns << btn;
+        this->pixNormal << pixNormal;
+        this->pixHover << pixHover;
+        this->pixPressed << pixPressed;
+        this->pixChecked << pixChecked;
+    }
+
+    //主动触发一下选中的按钮
+    if (checkedIndex >= 0) {
+        QMetaObject::invokeMethod(btns.at(checkedIndex), "toggled", Q_ARG(bool, true));
+    }
+}
--- a/third/qcustomplotdemo/frmcustom/iconhelper.h
+++ b/third/qcustomplotdemo/frmcustom/iconhelper.h
@@ -0,0 +1,176 @@
+#ifndef ICONHELPER_H
+#define ICONHELPER_H
+
+/**
+ * 超级图形字体类 作者:feiyangqingyun(QQ:517216493) 2016-11-23
+ * 1. 可传入多种图形字体文件，一个类通用所有图形字体。
+ * 2. 默认已经内置了阿里巴巴图形字体FontAliBaBa、国际知名图形字体FontAwesome、天气图形字体FontWeather。
+ * 3. 可设置 QLabel、QAbstractButton 文本为图形字体。
+ * 4. 可设置图形字体作为 QAbstractButton 按钮图标。
+ * 5. 内置万能的方法 getPixmap 将图形字体值转换为图片。
+ * 6. 无论是设置文本、图标、图片等都可以设置图标的大小、尺寸、颜色等参数。
+ * 7. 内置超级导航栏样式设置，将图形字体作为图标设置到按钮。
+ * 8. 支持各种颜色设置比如正常颜色、悬停颜色、按下颜色、选中颜色。
+ * 9. 可设置导航的位置为 left、right、top、bottom 四种。
+ * 10. 可设置导航加深边框颜色和粗细大小。
+ * 11. 导航面板的各种切换效果比如鼠标悬停、按下、选中等都自动处理掉样式设置。
+ * 12. 全局静态方法，接口丰富，使用极其简单方便。
+ */
+
+#include <QtGui>
+#if (QT_VERSION >= QT_VERSION_CHECK(5,0,0))
+#include <QtWidgets>
+#endif
+
+#ifdef quc
+class Q_DECL_EXPORT IconHelper : public QObject
+#else
+class IconHelper : public QObject
+#endif
+
+{
+    Q_OBJECT
+
+public:
+    //样式颜色结构体
+    struct StyleColor {
+        QString position;           //位置 left right top bottom
+        bool defaultBorder;         //默认有边框
+
+        quint32 iconSize;           //图标字体尺寸
+        quint32 iconWidth;          //图标图片宽度
+        quint32 iconHeight;         //图标图片高度
+
+        quint32 borderWidth;        //边框宽度
+        QString borderColor;        //边框颜色
+
+        QString normalBgColor;      //正常背景颜色
+        QString normalTextColor;    //正常文字颜色
+        QString hoverBgColor;       //悬停背景颜色
+        QString hoverTextColor;     //悬停文字颜色
+        QString pressedBgColor;     //按下背景颜色
+        QString pressedTextColor;   //按下文字颜色
+        QString checkedBgColor;     //选中背景颜色
+        QString checkedTextColor;   //选中文字颜色
+
+        StyleColor() {
+            position = "left";
+            defaultBorder = false;
+
+            iconSize = 12;
+            iconWidth = 15;
+            iconHeight = 15;
+
+            borderWidth = 3;
+            borderColor = "#029FEA";
+
+            normalBgColor = "#292F38";
+            normalTextColor = "#54626F";
+            hoverBgColor = "#40444D";
+            hoverTextColor = "#FDFDFD";
+            pressedBgColor = "#404244";
+            pressedTextColor = "#FDFDFD";
+            checkedBgColor = "#44494F";
+            checkedTextColor = "#FDFDFD";
+        }
+
+        //设置常规颜色 普通状态+加深状态
+        void setColor(const QString &normalBgColor,
+                      const QString &normalTextColor,
+                      const QString &darkBgColor,
+                      const QString &darkTextColor) {
+            this->normalBgColor = normalBgColor;
+            this->normalTextColor = normalTextColor;
+            this->hoverBgColor = darkBgColor;
+            this->hoverTextColor = darkTextColor;
+            this->pressedBgColor = darkBgColor;
+            this->pressedTextColor = darkTextColor;
+            this->checkedBgColor = darkBgColor;
+            this->checkedTextColor = darkTextColor;
+        }
+    };
+
+    //阿里巴巴图形字体类
+    static IconHelper *iconFontAliBaBa;
+    //FontAwesome图形字体类
+    static IconHelper *iconFontAwesome;
+    //天气图形字体类
+    static IconHelper *iconFontWeather;
+    //图形字体索引
+    static int iconFontIndex;
+
+    //初始化图形字体
+    static void initFont();
+
+    //获取图形字体
+    static QFont getIconFontAliBaBa();
+    static QFont getIconFontAwesome();
+    static QFont getIconFontWeather();
+
+    //根据值获取图形字体类
+    static IconHelper *getIconHelper(int icon);
+
+    //设置图形字体到标签
+    static void setIcon(QLabel *lab, int icon, quint32 size = 12);
+    //设置图形字体到按钮
+    static void setIcon(QAbstractButton *btn, int icon, quint32 size = 12);
+
+    //设置图形字体到图标
+    static void setPixmap(QAbstractButton *btn, const QColor &color,
+                          int icon, quint32 size = 12,
+                          quint32 width = 15, quint32 height = 15,
+                          int flags = Qt::AlignCenter);
+    //获取指定图形字体,可以指定文字大小,图片宽高,文字对齐
+    static QPixmap getPixmap(const QColor &color, int icon, quint32 size = 12,
+                             quint32 width = 15, quint32 height = 15,
+                             int flags = Qt::AlignCenter);
+
+    //指定导航面板样式,带图标和效果切换+悬停颜色+按下颜色+选中颜色
+    static void setStyle(QWidget *widget, QList<QPushButton *> btns, QList<int> icons, const StyleColor &styleColor);
+    static void setStyle(QWidget *widget, QList<QToolButton *> btns, QList<int> icons, const StyleColor &styleColor);
+    static void setStyle(QWidget *widget, QList<QAbstractButton *> btns, QList<int> icons, const StyleColor &styleColor);
+
+    //默认构造函数,传入字体文件+字体名称
+    explicit IconHelper(const QString &fontFile, const QString &fontName, QObject *parent = 0);
+
+protected:
+    bool eventFilter(QObject *watched, QEvent *event);
+
+private:
+    QFont iconFont;                 //图形字体
+    QList<QAbstractButton *> btns;  //按钮队列
+    QList<QPixmap> pixNormal;       //正常图片队列
+    QList<QPixmap> pixHover;        //悬停图片队列
+    QList<QPixmap> pixPressed;      //按下图片队列
+    QList<QPixmap> pixChecked;      //选中图片队列
+
+private slots:
+    //按钮选中状态切换处理
+    void toggled(bool checked);
+
+public:
+    //获取图形字体
+    QFont getIconFont();
+
+    //设置图形字体到标签
+    void setIcon1(QLabel *lab, int icon, quint32 size = 12);
+    //设置图形字体到按钮
+    void setIcon1(QAbstractButton *btn, int icon, quint32 size = 12);
+
+    //设置图形字体到图标
+    void setPixmap1(QAbstractButton *btn, const QColor &color,
+                    int icon, quint32 size = 12,
+                    quint32 width = 15, quint32 height = 15,
+                    int flags = Qt::AlignCenter);
+    //获取指定图形字体,可以指定文字大小,图片宽高,文字对齐
+    QPixmap getPixmap1(const QColor &color, int icon, quint32 size = 12,
+                       quint32 width = 15, quint32 height = 15,
+                       int flags = Qt::AlignCenter);
+
+    //指定导航面板样式,带图标和效果切换+悬停颜色+按下颜色+选中颜色
+    void setStyle1(QWidget *widget, QList<QPushButton *> btns, QList<int> icons, const StyleColor &styleColor);
+    void setStyle1(QWidget *widget, QList<QToolButton *> btns, QList<int> icons, const StyleColor &styleColor);
+    void setStyle1(QWidget *widget, QList<QAbstractButton *> btns, QList<int> icons, const StyleColor &styleColor);
+};
+
+#endif // ICONHELPER_H
--- a/third/qcustomplotdemo/frmexample/frmadvancedaxes.cpp
+++ b/third/qcustomplotdemo/frmexample/frmadvancedaxes.cpp
@@ -0,0 +1,114 @@
+#include "frmadvancedaxes.h"
+#include "ui_frmadvancedaxes.h"
+#include "qdebug.h"
+
+frmAdvancedAxes::frmAdvancedAxes(QWidget *parent) : QWidget(parent), ui(new Ui::frmAdvancedAxes)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmAdvancedAxes::~frmAdvancedAxes()
+{
+    delete ui;
+}
+
+void frmAdvancedAxes::initForm()
+{
+#ifndef qcustomplot_v1_3
+    // configure axis rect:
+    ui->customPlot->plotLayout()->clear(); // clear default axis rect so we can start from scratch
+    QCPAxisRect *wideAxisRect = new QCPAxisRect(ui->customPlot);
+    wideAxisRect->setupFullAxesBox(true);
+    wideAxisRect->axis(QCPAxis::atRight, 0)->setTickLabels(true);
+    wideAxisRect->addAxis(QCPAxis::atLeft)->setTickLabelColor(QColor("#6050F8")); // add an extra axis on the left and color its numbers
+    QCPLayoutGrid *subLayout = new QCPLayoutGrid;
+    ui->customPlot->plotLayout()->addElement(0, 0, wideAxisRect); // insert axis rect in first row
+    ui->customPlot->plotLayout()->addElement(1, 0, subLayout); // sub layout in second row (grid layout will grow accordingly)
+    //ui->customPlot->plotLayout()->setRowStretchFactor(1, 2);
+    // prepare axis rects that will be placed in the sublayout:
+    QCPAxisRect *subRectLeft = new QCPAxisRect(ui->customPlot, false); // false means to not setup default axes
+    QCPAxisRect *subRectRight = new QCPAxisRect(ui->customPlot, false);
+    subLayout->addElement(0, 0, subRectLeft);
+    subLayout->addElement(0, 1, subRectRight);
+    subRectRight->setMaximumSize(100, 100); // make bottom right axis rect size fixed 100x100
+    subRectRight->setMinimumSize(100, 100); // make bottom right axis rect size fixed 100x100
+    // setup axes in sub layout axis rects:
+    subRectLeft->addAxes(QCPAxis::atBottom | QCPAxis::atLeft);
+    subRectRight->addAxes(QCPAxis::atBottom | QCPAxis::atRight);
+    subRectLeft->axis(QCPAxis::atLeft)->ticker()->setTickCount(2);
+    subRectRight->axis(QCPAxis::atRight)->ticker()->setTickCount(2);
+    subRectRight->axis(QCPAxis::atBottom)->ticker()->setTickCount(2);
+    subRectLeft->axis(QCPAxis::atBottom)->grid()->setVisible(true);
+    // synchronize the left and right margins of the top and bottom axis rects:
+    QCPMarginGroup *marginGroup = new QCPMarginGroup(ui->customPlot);
+    subRectLeft->setMarginGroup(QCP::msLeft, marginGroup);
+    subRectRight->setMarginGroup(QCP::msRight, marginGroup);
+    wideAxisRect->setMarginGroup(QCP::msLeft | QCP::msRight, marginGroup);
+    // move newly created axes on "axes" layer and grids on "grid" layer:
+    foreach (QCPAxisRect *rect, ui->customPlot->axisRects()) {
+        foreach (QCPAxis *axis, rect->axes()) {
+            axis->setLayer("axes");
+            axis->grid()->setLayer("grid");
+        }
+    }
+
+    // prepare data:
+    QVector<QCPGraphData> dataCos(21), dataGauss(50), dataRandom(100);
+    QVector<double> x3, y3;
+    std::srand(3);
+    for (int i = 0; i < dataCos.size(); ++i) {
+        dataCos[i].key = i / (double)(dataCos.size() - 1) * 10 - 5.0;
+        dataCos[i].value = qCos(dataCos[i].key);
+    }
+    for (int i = 0; i < dataGauss.size(); ++i) {
+        dataGauss[i].key = i / (double)dataGauss.size() * 10 - 5.0;
+        dataGauss[i].value = qExp(-dataGauss[i].key * dataGauss[i].key * 0.2) * 1000;
+    }
+    for (int i = 0; i < dataRandom.size(); ++i) {
+        dataRandom[i].key = i / (double)dataRandom.size() * 10;
+        dataRandom[i].value = std::rand() / (double)RAND_MAX - 0.5 + dataRandom[qMax(0, i - 1)].value;
+    }
+    x3 << 1 << 2 << 3 << 4;
+    y3 << 2 << 2.5 << 4 << 1.5;
+
+    // create and configure plottables:
+    QCPGraph *mainGraphCos = ui->customPlot->addGraph(wideAxisRect->axis(QCPAxis::atBottom), wideAxisRect->axis(QCPAxis::atLeft));
+    mainGraphCos->data()->set(dataCos);
+    mainGraphCos->valueAxis()->setRange(-1, 1);
+    mainGraphCos->rescaleKeyAxis();
+    mainGraphCos->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCircle, QPen(Qt::black), QBrush(Qt::white), 6));
+    mainGraphCos->setPen(QPen(QColor(120, 120, 120), 2));
+    QCPGraph *mainGraphGauss = ui->customPlot->addGraph(wideAxisRect->axis(QCPAxis::atBottom), wideAxisRect->axis(QCPAxis::atLeft, 1));
+    mainGraphGauss->data()->set(dataGauss);
+    mainGraphGauss->setPen(QPen(QColor("#8070B8"), 2));
+    mainGraphGauss->setBrush(QColor(110, 170, 110, 30));
+    mainGraphCos->setChannelFillGraph(mainGraphGauss);
+    mainGraphCos->setBrush(QColor(255, 161, 0, 50));
+    mainGraphGauss->valueAxis()->setRange(0, 1000);
+    mainGraphGauss->rescaleKeyAxis();
+
+    QCPGraph *subGraphRandom = ui->customPlot->addGraph(subRectLeft->axis(QCPAxis::atBottom), subRectLeft->axis(QCPAxis::atLeft));
+    subGraphRandom->data()->set(dataRandom);
+    subGraphRandom->setLineStyle(QCPGraph::lsImpulse);
+    subGraphRandom->setPen(QPen(QColor("#FFA100"), 1.5));
+    subGraphRandom->rescaleAxes();
+
+    QCPBars *subBars = new QCPBars(subRectRight->axis(QCPAxis::atBottom), subRectRight->axis(QCPAxis::atRight));
+    subBars->setWidth(3 / (double)x3.size());
+    subBars->setData(x3, y3);
+    subBars->setPen(QPen(Qt::black));
+    subBars->setAntialiased(false);
+    subBars->setAntialiasedFill(false);
+    subBars->setBrush(QColor("#705BE8"));
+    subBars->keyAxis()->setSubTicks(false);
+    subBars->rescaleAxes();
+    // setup a ticker for subBars key axis that only gives integer ticks:
+    QSharedPointer<QCPAxisTickerFixed> intTicker(new QCPAxisTickerFixed);
+    intTicker->setTickStep(1.0);
+    intTicker->setScaleStrategy(QCPAxisTickerFixed::ssMultiples);
+    subBars->keyAxis()->setTicker(intTicker);
+
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+#endif
+}
--- a/third/qcustomplotdemo/frmexample/frmadvancedaxes.h
+++ b/third/qcustomplotdemo/frmexample/frmadvancedaxes.h
@@ -0,0 +1,25 @@
+#ifndef FRMADVANCEDAXES_H
+#define FRMADVANCEDAXES_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmAdvancedAxes;
+}
+
+class frmAdvancedAxes : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmAdvancedAxes(QWidget *parent = 0);
+    ~frmAdvancedAxes();
+
+private:
+    Ui::frmAdvancedAxes *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMADVANCEDAXES_H
--- a/third/qcustomplotdemo/frmexample/frmadvancedaxes.ui
+++ b/third/qcustomplotdemo/frmexample/frmadvancedaxes.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmAdvancedAxes</class>
+ <widget class="QWidget" name="frmAdvancedAxes">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmbarchart.cpp
+++ b/third/qcustomplotdemo/frmexample/frmbarchart.cpp
@@ -0,0 +1,101 @@
+#include "frmbarchart.h"
+#include "ui_frmbarchart.h"
+#include "qdebug.h"
+
+frmBarChart::frmBarChart(QWidget *parent) : QWidget(parent), ui(new Ui::frmBarChart)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmBarChart::~frmBarChart()
+{
+    delete ui;
+}
+
+void frmBarChart::initForm()
+{
+#ifndef qcustomplot_v1_3
+    // set dark background gradient:
+    QLinearGradient gradient(0, 0, 0, 400);
+    gradient.setColorAt(0, QColor(90, 90, 90));
+    gradient.setColorAt(0.38, QColor(105, 105, 105));
+    gradient.setColorAt(1, QColor(70, 70, 70));
+    ui->customPlot->setBackground(QBrush(gradient));
+
+    // create empty bar chart objects:
+    QCPBars *regen = new QCPBars(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    QCPBars *nuclear = new QCPBars(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    QCPBars *fossil = new QCPBars(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    regen->setAntialiased(false); // gives more crisp, pixel aligned bar borders
+    nuclear->setAntialiased(false);
+    fossil->setAntialiased(false);
+    regen->setStackingGap(1);
+    nuclear->setStackingGap(1);
+    fossil->setStackingGap(1);
+    // set names and colors:
+    fossil->setName("Fossil fuels");
+    fossil->setPen(QPen(QColor(111, 9, 176).lighter(170)));
+    fossil->setBrush(QColor(111, 9, 176));
+    nuclear->setName("Nuclear");
+    nuclear->setPen(QPen(QColor(250, 170, 20).lighter(150)));
+    nuclear->setBrush(QColor(250, 170, 20));
+    regen->setName("Regenerative");
+    regen->setPen(QPen(QColor(0, 168, 140).lighter(130)));
+    regen->setBrush(QColor(0, 168, 140));
+    // stack bars on top of each other:
+    nuclear->moveAbove(fossil);
+    regen->moveAbove(nuclear);
+
+    // prepare x axis with country labels:
+    QVector<double> ticks;
+    QVector<QString> labels;
+    ticks << 1 << 2 << 3 << 4 << 5 << 6 << 7;
+    labels << "USA" << "Japan" << "Germany" << "France" << "UK" << "Italy" << "Canada";
+    QSharedPointer<QCPAxisTickerText> textTicker(new QCPAxisTickerText);
+    textTicker->addTicks(ticks, labels);
+    ui->customPlot->xAxis->setTicker(textTicker);
+    ui->customPlot->xAxis->setTickLabelRotation(60);
+    ui->customPlot->xAxis->setSubTicks(false);
+    ui->customPlot->xAxis->setTickLength(0, 4);
+    ui->customPlot->xAxis->setRange(0, 8);
+    ui->customPlot->xAxis->setBasePen(QPen(Qt::white));
+    ui->customPlot->xAxis->setTickPen(QPen(Qt::white));
+    ui->customPlot->xAxis->grid()->setVisible(true);
+    ui->customPlot->xAxis->grid()->setPen(QPen(QColor(130, 130, 130), 0, Qt::DotLine));
+    ui->customPlot->xAxis->setTickLabelColor(Qt::white);
+    ui->customPlot->xAxis->setLabelColor(Qt::white);
+
+    // prepare y axis:
+    ui->customPlot->yAxis->setRange(0, 12.1);
+    ui->customPlot->yAxis->setPadding(5); // a bit more space to the left border
+    ui->customPlot->yAxis->setLabel("Power Consumption in\nKilowatts per Capita (2007)");
+    ui->customPlot->yAxis->setBasePen(QPen(Qt::white));
+    ui->customPlot->yAxis->setTickPen(QPen(Qt::white));
+    ui->customPlot->yAxis->setSubTickPen(QPen(Qt::white));
+    ui->customPlot->yAxis->grid()->setSubGridVisible(true);
+    ui->customPlot->yAxis->setTickLabelColor(Qt::white);
+    ui->customPlot->yAxis->setLabelColor(Qt::white);
+    ui->customPlot->yAxis->grid()->setPen(QPen(QColor(130, 130, 130), 0, Qt::SolidLine));
+    ui->customPlot->yAxis->grid()->setSubGridPen(QPen(QColor(130, 130, 130), 0, Qt::DotLine));
+
+    // Add data:
+    QVector<double> fossilData, nuclearData, regenData;
+    fossilData  << 0.86 * 10.5 << 0.83 * 5.5 << 0.84 * 5.5 << 0.52 * 5.8 << 0.89 * 5.2 << 0.90 * 4.2 << 0.67 * 11.2;
+    nuclearData << 0.08 * 10.5 << 0.12 * 5.5 << 0.12 * 5.5 << 0.40 * 5.8 << 0.09 * 5.2 << 0.00 * 4.2 << 0.07 * 11.2;
+    regenData   << 0.06 * 10.5 << 0.05 * 5.5 << 0.04 * 5.5 << 0.06 * 5.8 << 0.02 * 5.2 << 0.07 * 4.2 << 0.25 * 11.2;
+    fossil->setData(ticks, fossilData);
+    nuclear->setData(ticks, nuclearData);
+    regen->setData(ticks, regenData);
+
+    // setup legend:
+    ui->customPlot->legend->setVisible(true);
+    ui->customPlot->axisRect()->insetLayout()->setInsetAlignment(0, Qt::AlignTop | Qt::AlignHCenter);
+    ui->customPlot->legend->setBrush(QColor(255, 255, 255, 100));
+    ui->customPlot->legend->setBorderPen(Qt::NoPen);
+    QFont legendFont = font();
+    legendFont.setPointSize(10);
+    ui->customPlot->legend->setFont(legendFont);
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+#endif
+}
--- a/third/qcustomplotdemo/frmexample/frmbarchart.h
+++ b/third/qcustomplotdemo/frmexample/frmbarchart.h
@@ -0,0 +1,25 @@
+#ifndef FRMBARCHART_H
+#define FRMBARCHART_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmBarChart;
+}
+
+class frmBarChart : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmBarChart(QWidget *parent = 0);
+    ~frmBarChart();
+
+private:
+    Ui::frmBarChart *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMBARCHART_H
--- a/third/qcustomplotdemo/frmexample/frmbarchart.ui
+++ b/third/qcustomplotdemo/frmexample/frmbarchart.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmBarChart</class>
+ <widget class="QWidget" name="frmBarChart">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmcolormap.cpp
+++ b/third/qcustomplotdemo/frmexample/frmcolormap.cpp
@@ -0,0 +1,63 @@
+#include "frmcolormap.h"
+#include "ui_frmcolormap.h"
+#include "qdebug.h"
+
+frmColorMap::frmColorMap(QWidget *parent) : QWidget(parent), ui(new Ui::frmColorMap)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmColorMap::~frmColorMap()
+{
+    delete ui;
+}
+
+void frmColorMap::initForm()
+{
+    // configure axis rect:
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom); // this will also allow rescaling the color scale by dragging/zooming
+    ui->customPlot->axisRect()->setupFullAxesBox(true);
+    ui->customPlot->xAxis->setLabel("x");
+    ui->customPlot->yAxis->setLabel("y");
+
+    // set up the QCPColorMap:
+    QCPColorMap *colorMap = new QCPColorMap(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    int nx = 200;
+    int ny = 200;
+    colorMap->data()->setSize(nx, ny); // we want the color map to have nx * ny data points
+    colorMap->data()->setRange(QCPRange(-4, 4), QCPRange(-4, 4)); // and span the coordinate range -4..4 in both key (x) and value (y) dimensions
+    // now we assign some data, by accessing the QCPColorMapData instance of the color map:
+    double x, y, z;
+    for (int xIndex = 0; xIndex < nx; ++xIndex) {
+        for (int yIndex = 0; yIndex < ny; ++yIndex) {
+            colorMap->data()->cellToCoord(xIndex, yIndex, &x, &y);
+            double r = 3 * qSqrt(x * x + y * y) + 1e-2;
+            z = 2 * x * (qCos(r + 2) / r - qSin(r + 2) / r); // the B field strength of dipole radiation (modulo physical constants)
+            colorMap->data()->setCell(xIndex, yIndex, z);
+        }
+    }
+
+    // add a color scale:
+    QCPColorScale *colorScale = new QCPColorScale(ui->customPlot);
+    ui->customPlot->plotLayout()->addElement(0, 1, colorScale); // add it to the right of the main axis rect
+    colorScale->setType(QCPAxis::atRight); // scale shall be vertical bar with tick/axis labels right (actually atRight is already the default)
+    colorMap->setColorScale(colorScale); // associate the color map with the color scale
+    colorScale->axis()->setLabel("Magnetic Field Strength");
+
+    // set the color gradient of the color map to one of the presets:
+    colorMap->setGradient(QCPColorGradient::gpPolar);
+    // we could have also created a QCPColorGradient instance and added own colors to
+    // the gradient, see the documentation of QCPColorGradient for what's possible.
+
+    // rescale the data dimension (color) such that all data points lie in the span visualized by the color gradient:
+    colorMap->rescaleDataRange();
+
+    // make sure the axis rect and color scale synchronize their bottom and top margins (so they line up):
+    QCPMarginGroup *marginGroup = new QCPMarginGroup(ui->customPlot);
+    ui->customPlot->axisRect()->setMarginGroup(QCP::msBottom | QCP::msTop, marginGroup);
+    colorScale->setMarginGroup(QCP::msBottom | QCP::msTop, marginGroup);
+
+    // rescale the key (x) and value (y) axes so the whole color map is visible:
+    ui->customPlot->rescaleAxes();
+}
--- a/third/qcustomplotdemo/frmexample/frmcolormap.h
+++ b/third/qcustomplotdemo/frmexample/frmcolormap.h
@@ -0,0 +1,25 @@
+#ifndef FRMCOLORMAP_H
+#define FRMCOLORMAP_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmColorMap;
+}
+
+class frmColorMap : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmColorMap(QWidget *parent = 0);
+    ~frmColorMap();
+
+private:
+    Ui::frmColorMap *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMCOLORMAP_H
--- a/third/qcustomplotdemo/frmexample/frmcolormap.ui
+++ b/third/qcustomplotdemo/frmexample/frmcolormap.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmColorMap</class>
+ <widget class="QWidget" name="frmColorMap">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmdate.cpp
+++ b/third/qcustomplotdemo/frmexample/frmdate.cpp
@@ -0,0 +1,73 @@
+#include "frmdate.h"
+#include "ui_frmdate.h"
+#include "qdebug.h"
+
+frmDate::frmDate(QWidget *parent) : QWidget(parent), ui(new Ui::frmDate)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmDate::~frmDate()
+{
+    delete ui;
+}
+
+void frmDate::initForm()
+{
+#ifndef qcustomplot_v1_3
+    // set locale to english, so we get english month names:
+    ui->customPlot->setLocale(QLocale(QLocale::English, QLocale::UnitedKingdom));
+    // seconds of current time, we'll use it as starting point in time for data:
+    double now = QDateTime::currentDateTime().toMSecsSinceEpoch() / 1000.0;
+    srand(8); // set the random seed, so we always get the same random data
+    // create multiple graphs:
+    for (int gi = 0; gi < 5; ++gi) {
+        ui->customPlot->addGraph();
+        QColor color(20 + 200 / 4.0 * gi, 70 * (1.6 - gi / 4.0), 150, 150);
+        ui->customPlot->graph()->setLineStyle(QCPGraph::lsLine);
+        ui->customPlot->graph()->setPen(QPen(color.lighter(200)));
+        ui->customPlot->graph()->setBrush(QBrush(color));
+        // generate random walk data:
+        QVector<QCPGraphData> timeData(250);
+        for (int i = 0; i < 250; ++i) {
+            timeData[i].key = now + 24 * 3600 * i;
+            if (i == 0) {
+                timeData[i].value = (i / 50.0 + 1) * (rand() / (double)RAND_MAX - 0.5);
+            } else {
+                timeData[i].value = qFabs(timeData[i - 1].value) * (1 + 0.02 / 4.0 * (4 - gi)) + (i / 50.0 + 1) * (rand() / (double)RAND_MAX - 0.5);
+            }
+        }
+        ui->customPlot->graph()->data()->set(timeData);
+    }
+    // configure bottom axis to show date instead of number:
+    QSharedPointer<QCPAxisTickerDateTime> dateTicker(new QCPAxisTickerDateTime);
+    dateTicker->setDateTimeFormat("d. MMMM\nyyyy");
+    ui->customPlot->xAxis->setTicker(dateTicker);
+    // configure left axis text labels:
+    QSharedPointer<QCPAxisTickerText> textTicker(new QCPAxisTickerText);
+    textTicker->addTick(10, "a bit\nlow");
+    textTicker->addTick(50, "quite\nhigh");
+    ui->customPlot->yAxis->setTicker(textTicker);
+    // set a more compact font size for bottom and left axis tick labels:
+    ui->customPlot->xAxis->setTickLabelFont(QFont(QFont().family(), 8));
+    ui->customPlot->yAxis->setTickLabelFont(QFont(QFont().family(), 8));
+    // set axis labels:
+    ui->customPlot->xAxis->setLabel("Date");
+    ui->customPlot->yAxis->setLabel("Random wobbly lines value");
+    // make top and right axes visible but without ticks and labels:
+    ui->customPlot->xAxis2->setVisible(true);
+    ui->customPlot->yAxis2->setVisible(true);
+    ui->customPlot->xAxis2->setTicks(false);
+    ui->customPlot->yAxis2->setTicks(false);
+    ui->customPlot->xAxis2->setTickLabels(false);
+    ui->customPlot->yAxis2->setTickLabels(false);
+    // set axis ranges to show all data:
+    ui->customPlot->xAxis->setRange(now, now + 24 * 3600 * 249);
+    ui->customPlot->yAxis->setRange(0, 60);
+    // show legend with slightly transparent background brush:
+    ui->customPlot->legend->setVisible(true);
+    ui->customPlot->legend->setBrush(QColor(255, 255, 255, 150));
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+#endif
+}
--- a/third/qcustomplotdemo/frmexample/frmdate.h
+++ b/third/qcustomplotdemo/frmexample/frmdate.h
@@ -0,0 +1,25 @@
+#ifndef FRMDATE_H
+#define FRMDATE_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmDate;
+}
+
+class frmDate : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmDate(QWidget *parent = 0);
+    ~frmDate();
+
+private:
+    Ui::frmDate *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMDATE_H
--- a/third/qcustomplotdemo/frmexample/frmdate.ui
+++ b/third/qcustomplotdemo/frmexample/frmdate.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmDate</class>
+ <widget class="QWidget" name="frmDate">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmexample.pri
+++ b/third/qcustomplotdemo/frmexample/frmexample.pri
@@ -0,0 +1,68 @@
+FORMS += \
+    $$PWD/frmadvancedaxes.ui \
+    $$PWD/frmbarchart.ui \
+    $$PWD/frmcolormap.ui \
+    $$PWD/frmdate.ui \
+    $$PWD/frmfinancial.ui \
+    $$PWD/frmitem.ui \
+    $$PWD/frmlinestyle.ui \
+    $$PWD/frmlogarithmic.ui \
+    $$PWD/frmmultiaxis.ui \
+    $$PWD/frmparametriccurve.ui \
+    $$PWD/frmpolarplot.ui \
+    $$PWD/frmquadratic.ui \
+    $$PWD/frmrealtimedata.ui \
+    $$PWD/frmscatterpixmap.ui \
+    $$PWD/frmscatterstyle.ui \
+    $$PWD/frmsimple.ui \
+    $$PWD/frmsimpleitem.ui \
+    $$PWD/frmsincscatter.ui \
+    $$PWD/frmstatistical.ui \
+    $$PWD/frmstyled.ui \
+    $$PWD/frmtexturebrush.ui
+
+HEADERS += \
+    $$PWD/frmadvancedaxes.h \
+    $$PWD/frmbarchart.h \
+    $$PWD/frmcolormap.h \
+    $$PWD/frmdate.h \
+    $$PWD/frmfinancial.h \
+    $$PWD/frmitem.h \
+    $$PWD/frmlinestyle.h \
+    $$PWD/frmlogarithmic.h \
+    $$PWD/frmmultiaxis.h \
+    $$PWD/frmparametriccurve.h \
+    $$PWD/frmpolarplot.h \
+    $$PWD/frmquadratic.h \
+    $$PWD/frmrealtimedata.h \
+    $$PWD/frmscatterpixmap.h \
+    $$PWD/frmscatterstyle.h \
+    $$PWD/frmsimple.h \
+    $$PWD/frmsimpleitem.h \
+    $$PWD/frmsincscatter.h \
+    $$PWD/frmstatistical.h \
+    $$PWD/frmstyled.h \
+    $$PWD/frmtexturebrush.h
+
+SOURCES += \
+    $$PWD/frmadvancedaxes.cpp \
+    $$PWD/frmbarchart.cpp \
+    $$PWD/frmcolormap.cpp \
+    $$PWD/frmdate.cpp \
+    $$PWD/frmfinancial.cpp \
+    $$PWD/frmitem.cpp \
+    $$PWD/frmlinestyle.cpp \
+    $$PWD/frmlogarithmic.cpp \
+    $$PWD/frmmultiaxis.cpp \
+    $$PWD/frmparametriccurve.cpp \
+    $$PWD/frmpolarplot.cpp \
+    $$PWD/frmquadratic.cpp \
+    $$PWD/frmrealtimedata.cpp \
+    $$PWD/frmscatterpixmap.cpp \
+    $$PWD/frmscatterstyle.cpp \
+    $$PWD/frmsimple.cpp \
+    $$PWD/frmsimpleitem.cpp \
+    $$PWD/frmsincscatter.cpp \
+    $$PWD/frmstatistical.cpp \
+    $$PWD/frmstyled.cpp \
+    $$PWD/frmtexturebrush.cpp
--- a/third/qcustomplotdemo/frmexample/frmfinancial.cpp
+++ b/third/qcustomplotdemo/frmexample/frmfinancial.cpp
@@ -0,0 +1,105 @@
+#include "frmfinancial.h"
+#include "ui_frmfinancial.h"
+#include "qdebug.h"
+
+frmFinancial::frmFinancial(QWidget *parent) : QWidget(parent), ui(new Ui::frmFinancial)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmFinancial::~frmFinancial()
+{
+    delete ui;
+}
+
+void frmFinancial::initForm()
+{
+    ui->customPlot->legend->setVisible(true);
+
+    // generate two sets of random walk data (one for candlestick and one for ohlc chart):
+    int n = 500;
+    QVector<double> time(n), value1(n), value2(n);
+    QDateTime start(QDate(2022, 1, 1), QTime(0, 0));
+    start.setTimeSpec(Qt::UTC);
+    double startTime = start.toMSecsSinceEpoch() / 1000.0;
+    double binSize = 3600 * 24; // bin data in 1 day intervals
+    time[0] = startTime;
+    value1[0] = 60;
+    value2[0] = 20;
+    std::srand(9);
+    for (int i = 1; i < n; ++i) {
+        time[i] = startTime + 3600 * i;
+        value1[i] = value1[i - 1] + (std::rand() / (double)RAND_MAX - 0.5) * 10;
+        value2[i] = value2[i - 1] + (std::rand() / (double)RAND_MAX - 0.5) * 3;
+    }
+
+    // create candlestick chart:
+    QCPFinancial *candlesticks = new QCPFinancial(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    candlesticks->setName("Candlestick");
+    candlesticks->setChartStyle(QCPFinancial::csCandlestick);
+    candlesticks->data()->set(QCPFinancial::timeSeriesToOhlc(time, value1, binSize, startTime));
+    candlesticks->setWidth(binSize * 0.9);
+    candlesticks->setTwoColored(true);
+    candlesticks->setBrushPositive(QColor(245, 245, 245));
+    candlesticks->setBrushNegative(QColor(40, 40, 40));
+    candlesticks->setPenPositive(QPen(QColor(0, 0, 0)));
+    candlesticks->setPenNegative(QPen(QColor(0, 0, 0)));
+
+    // create ohlc chart:
+    QCPFinancial *ohlc = new QCPFinancial(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    ohlc->setName("OHLC");
+    ohlc->setChartStyle(QCPFinancial::csOhlc);
+    ohlc->data()->set(QCPFinancial::timeSeriesToOhlc(time, value2, binSize / 3.0, startTime)); // divide binSize by 3 just to make the ohlc bars a bit denser
+    ohlc->setWidth(binSize * 0.2);
+    ohlc->setTwoColored(true);
+
+    // create bottom axis rect for volume bar chart:
+    QCPAxisRect *volumeAxisRect = new QCPAxisRect(ui->customPlot);
+    ui->customPlot->plotLayout()->addElement(1, 0, volumeAxisRect);
+    volumeAxisRect->setMaximumSize(QSize(QWIDGETSIZE_MAX, 100));
+    volumeAxisRect->axis(QCPAxis::atBottom)->setLayer("axes");
+    volumeAxisRect->axis(QCPAxis::atBottom)->grid()->setLayer("grid");
+    // bring bottom and main axis rect closer together:
+    ui->customPlot->plotLayout()->setRowSpacing(0);
+    volumeAxisRect->setAutoMargins(QCP::msLeft | QCP::msRight | QCP::msBottom);
+    volumeAxisRect->setMargins(QMargins(0, 0, 0, 0));
+    // create two bar plottables, for positive (green) and negative (red) volume bars:
+    ui->customPlot->setAutoAddPlottableToLegend(false);
+    QCPBars *volumePos = new QCPBars(volumeAxisRect->axis(QCPAxis::atBottom), volumeAxisRect->axis(QCPAxis::atLeft));
+    QCPBars *volumeNeg = new QCPBars(volumeAxisRect->axis(QCPAxis::atBottom), volumeAxisRect->axis(QCPAxis::atLeft));
+    for (int i = 0; i < n / 5; ++i) {
+        int v = std::rand() % 20000 + std::rand() % 20000 + std::rand() % 20000 - 10000 * 3;
+        (v < 0 ? volumeNeg : volumePos)->addData(startTime + 3600 * 5.0 * i, qAbs(v)); // add data to either volumeNeg or volumePos, depending on sign of v
+    }
+    volumePos->setWidth(3600 * 4);
+    volumePos->setPen(Qt::NoPen);
+    volumePos->setBrush(QColor(100, 180, 110));
+    volumeNeg->setWidth(3600 * 4);
+    volumeNeg->setPen(Qt::NoPen);
+    volumeNeg->setBrush(QColor(180, 90, 90));
+
+    // interconnect x axis ranges of main and bottom axis rects:
+    connect(ui->customPlot->xAxis, SIGNAL(rangeChanged(QCPRange)), volumeAxisRect->axis(QCPAxis::atBottom), SLOT(setRange(QCPRange)));
+    connect(volumeAxisRect->axis(QCPAxis::atBottom), SIGNAL(rangeChanged(QCPRange)), ui->customPlot->xAxis, SLOT(setRange(QCPRange)));
+    // configure axes of both main and bottom axis rect:
+    QSharedPointer<QCPAxisTickerDateTime> dateTimeTicker(new QCPAxisTickerDateTime);
+    dateTimeTicker->setDateTimeSpec(Qt::UTC);
+    dateTimeTicker->setDateTimeFormat("dd. MMMM");
+    volumeAxisRect->axis(QCPAxis::atBottom)->setTicker(dateTimeTicker);
+    volumeAxisRect->axis(QCPAxis::atBottom)->setTickLabelRotation(15);
+    ui->customPlot->xAxis->setBasePen(Qt::NoPen);
+    ui->customPlot->xAxis->setTickLabels(false);
+    ui->customPlot->xAxis->setTicks(false); // only want vertical grid in main axis rect, so hide xAxis backbone, ticks, and labels
+    ui->customPlot->xAxis->setTicker(dateTimeTicker);
+    ui->customPlot->rescaleAxes();
+    ui->customPlot->xAxis->scaleRange(1.025, ui->customPlot->xAxis->range().center());
+    ui->customPlot->yAxis->scaleRange(1.1, ui->customPlot->yAxis->range().center());
+
+    // make axis rects' left side line up:
+    QCPMarginGroup *group = new QCPMarginGroup(ui->customPlot);
+    ui->customPlot->axisRect()->setMarginGroup(QCP::msLeft | QCP::msRight, group);
+    volumeAxisRect->setMarginGroup(QCP::msLeft | QCP::msRight, group);
+
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+}
--- a/third/qcustomplotdemo/frmexample/frmfinancial.h
+++ b/third/qcustomplotdemo/frmexample/frmfinancial.h
@@ -0,0 +1,25 @@
+#ifndef FRMFINANCIAL_H
+#define FRMFINANCIAL_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmFinancial;
+}
+
+class frmFinancial : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmFinancial(QWidget *parent = 0);
+    ~frmFinancial();
+
+private:
+    Ui::frmFinancial *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMFINANCIAL_H
--- a/third/qcustomplotdemo/frmexample/frmfinancial.ui
+++ b/third/qcustomplotdemo/frmexample/frmfinancial.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmFinancial</class>
+ <widget class="QWidget" name="frmFinancial">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmitem.cpp
+++ b/third/qcustomplotdemo/frmexample/frmitem.cpp
@@ -0,0 +1,173 @@
+#include "frmitem.h"
+#include "ui_frmitem.h"
+#include "qdebug.h"
+
+frmItem::frmItem(QWidget *parent) : QWidget(parent), ui(new Ui::frmItem)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmItem::~frmItem()
+{
+    delete ui;
+}
+
+void frmItem::showEvent(QShowEvent *)
+{
+    dataTimer.start(0); // Interval 0 means to refresh as fast as possible
+}
+
+void frmItem::hideEvent(QHideEvent *)
+{
+    dataTimer.stop();
+}
+
+void frmItem::initForm()
+{
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+    QCPGraph *graph = ui->customPlot->addGraph();
+    int n = 500;
+    double phase = 0;
+    double k = 3;
+    QVector<double> x(n), y(n);
+    for (int i = 0; i < n; ++i) {
+        x[i] = i / (double)(n - 1) * 34 - 17;
+        y[i] = qExp(-x[i] * x[i] / 20.0) * qSin(k * x[i] + phase);
+    }
+    graph->setData(x, y);
+    graph->setPen(QPen(Qt::blue));
+    graph->rescaleKeyAxis();
+    ui->customPlot->yAxis->setRange(-1.45, 1.65);
+    ui->customPlot->xAxis->grid()->setZeroLinePen(Qt::NoPen);
+
+    // add the bracket at the top:
+    QCPItemBracket *bracket = new QCPItemBracket(ui->customPlot);
+    bracket->left->setCoords(-8, 1.1);
+    bracket->right->setCoords(8, 1.1);
+    bracket->setLength(13);
+
+    // add the text label at the top:
+    QCPItemText *wavePacketText = new QCPItemText(ui->customPlot);
+    wavePacketText->position->setParentAnchor(bracket->center);
+    wavePacketText->position->setCoords(0, -10); // move 10 pixels to the top from bracket center anchor
+    wavePacketText->setPositionAlignment(Qt::AlignBottom | Qt::AlignHCenter);
+    wavePacketText->setText("Wavepacket");
+    wavePacketText->setFont(QFont(font().family(), 10));
+
+    // add the phase tracer (red circle) which sticks to the graph data (and gets updated in bracketDataSlot by timer event):
+    phaseTracer = new QCPItemTracer(ui->customPlot);
+    phaseTracer->setGraph(graph);
+    phaseTracer->setGraphKey((M_PI * 1.5 - phase) / k);
+    phaseTracer->setInterpolating(true);
+    phaseTracer->setStyle(QCPItemTracer::tsCircle);
+    phaseTracer->setPen(QPen(Qt::red));
+    phaseTracer->setBrush(Qt::red);
+    phaseTracer->setSize(7);
+
+    // add label for phase tracer:
+    QCPItemText *phaseTracerText = new QCPItemText(ui->customPlot);
+    phaseTracerText->position->setType(QCPItemPosition::ptAxisRectRatio);
+    phaseTracerText->setPositionAlignment(Qt::AlignRight | Qt::AlignBottom);
+    phaseTracerText->position->setCoords(1.0, 0.95); // lower right corner of axis rect
+    phaseTracerText->setText("Points of fixed\nphase define\nphase velocity vp");
+    phaseTracerText->setTextAlignment(Qt::AlignLeft);
+    phaseTracerText->setFont(QFont(font().family(), 9));
+    phaseTracerText->setPadding(QMargins(8, 0, 0, 0));
+
+    // add arrow pointing at phase tracer, coming from label:
+    QCPItemCurve *phaseTracerArrow = new QCPItemCurve(ui->customPlot);
+    phaseTracerArrow->start->setParentAnchor(phaseTracerText->left);
+    phaseTracerArrow->startDir->setParentAnchor(phaseTracerArrow->start);
+    phaseTracerArrow->startDir->setCoords(-40, 0); // direction 30 pixels to the left of parent anchor (tracerArrow->start)
+    phaseTracerArrow->end->setParentAnchor(phaseTracer->position);
+    phaseTracerArrow->end->setCoords(10, 10);
+    phaseTracerArrow->endDir->setParentAnchor(phaseTracerArrow->end);
+    phaseTracerArrow->endDir->setCoords(30, 30);
+    phaseTracerArrow->setHead(QCPLineEnding::esSpikeArrow);
+    phaseTracerArrow->setTail(QCPLineEnding(QCPLineEnding::esBar, (phaseTracerText->bottom->pixelPosition().y() - phaseTracerText->top->pixelPosition().y()) * 0.85));
+
+    // add the group velocity tracer (green circle):
+    QCPItemTracer *groupTracer = new QCPItemTracer(ui->customPlot);
+    groupTracer->setGraph(graph);
+    groupTracer->setGraphKey(5.5);
+    groupTracer->setInterpolating(true);
+    groupTracer->setStyle(QCPItemTracer::tsCircle);
+    groupTracer->setPen(QPen(Qt::green));
+    groupTracer->setBrush(Qt::green);
+    groupTracer->setSize(7);
+
+    // add label for group tracer:
+    QCPItemText *groupTracerText = new QCPItemText(ui->customPlot);
+    groupTracerText->position->setType(QCPItemPosition::ptAxisRectRatio);
+    groupTracerText->setPositionAlignment(Qt::AlignRight | Qt::AlignTop);
+    groupTracerText->position->setCoords(1.0, 0.20); // lower right corner of axis rect
+    groupTracerText->setText("Fixed positions in\nwave packet define\ngroup velocity vg");
+    groupTracerText->setTextAlignment(Qt::AlignLeft);
+    groupTracerText->setFont(QFont(font().family(), 9));
+    groupTracerText->setPadding(QMargins(8, 0, 0, 0));
+
+    // add arrow pointing at group tracer, coming from label:
+    QCPItemCurve *groupTracerArrow = new QCPItemCurve(ui->customPlot);
+    groupTracerArrow->start->setParentAnchor(groupTracerText->left);
+    groupTracerArrow->startDir->setParentAnchor(groupTracerArrow->start);
+    groupTracerArrow->startDir->setCoords(-40, 0); // direction 30 pixels to the left of parent anchor (tracerArrow->start)
+    groupTracerArrow->end->setCoords(5.5, 0.4);
+    groupTracerArrow->endDir->setParentAnchor(groupTracerArrow->end);
+    groupTracerArrow->endDir->setCoords(0, -40);
+    groupTracerArrow->setHead(QCPLineEnding::esSpikeArrow);
+    groupTracerArrow->setTail(QCPLineEnding(QCPLineEnding::esBar, (groupTracerText->bottom->pixelPosition().y() - groupTracerText->top->pixelPosition().y()) * 0.85));
+
+    // add dispersion arrow:
+    QCPItemCurve *arrow = new QCPItemCurve(ui->customPlot);
+    arrow->start->setCoords(1, -1.1);
+    arrow->startDir->setCoords(-1, -1.3);
+    arrow->endDir->setCoords(-5, -0.3);
+    arrow->end->setCoords(-10, -0.2);
+    arrow->setHead(QCPLineEnding::esSpikeArrow);
+
+    // add the dispersion arrow label:
+    QCPItemText *dispersionText = new QCPItemText(ui->customPlot);
+    dispersionText->position->setCoords(-6, -0.9);
+    dispersionText->setRotation(40);
+    dispersionText->setText("Dispersion with\nvp < vg");
+    dispersionText->setFont(QFont(font().family(), 10));
+
+    // setup a timer that repeatedly calls MainWindow::bracketDataSlot:
+    connect(&dataTimer, SIGNAL(timeout()), this, SLOT(bracketDataSlot()));    
+}
+
+void frmItem::bracketDataSlot()
+{
+    double secs = QCPAxisTickerDateTime::dateTimeToKey(QDateTime::currentDateTime());
+
+    // update data to make phase move:
+    int n = 500;
+    double phase = secs * 5;
+    double k = 3;
+    QVector<double> x(n), y(n);
+    for (int i = 0; i < n; ++i) {
+        x[i] = i / (double)(n - 1) * 34 - 17;
+        y[i] = qExp(-x[i] * x[i] / 20.0) * qSin(k * x[i] + phase);
+    }
+    ui->customPlot->graph()->setData(x, y);
+
+    phaseTracer->setGraphKey((8 * M_PI + fmod(M_PI * 1.5 - phase, 6 * M_PI)) / k);
+
+    ui->customPlot->replot();
+
+    // calculate frames per second:
+    double key = secs;
+    static double lastFpsKey;
+    static int frameCount;
+    ++frameCount;
+    if (key - lastFpsKey > 2) { // average fps over 2 seconds
+//        ui->statusBar->showMessage(
+//            QString("%1 FPS, Total Data points: %2")
+//            .arg(frameCount / (key - lastFpsKey), 0, 'f', 0)
+//            .arg(ui->customPlot->graph(0)->data()->size())
+//            , 0);
+        lastFpsKey = key;
+        frameCount = 0;
+    }
+}
--- a/third/qcustomplotdemo/frmexample/frmitem.h
+++ b/third/qcustomplotdemo/frmexample/frmitem.h
@@ -0,0 +1,34 @@
+#ifndef FRMITEM_H
+#define FRMITEM_H
+
+#include <QWidget>
+#include <QTimer>
+class QCPItemTracer;
+
+namespace Ui {
+class frmItem;
+}
+
+class frmItem : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmItem(QWidget *parent = 0);
+    ~frmItem();
+
+protected:
+    void showEvent(QShowEvent *);
+    void hideEvent(QHideEvent *);
+
+private:
+    Ui::frmItem *ui;
+    QTimer dataTimer;
+    QCPItemTracer *phaseTracer;
+
+private slots:
+    void initForm();
+    void bracketDataSlot();
+};
+
+#endif // FRMITEM_H
--- a/third/qcustomplotdemo/frmexample/frmitem.ui
+++ b/third/qcustomplotdemo/frmexample/frmitem.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmItem</class>
+ <widget class="QWidget" name="frmItem">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmlinestyle.cpp
+++ b/third/qcustomplotdemo/frmexample/frmlinestyle.cpp
@@ -0,0 +1,51 @@
+#include "frmlinestyle.h"
+#include "ui_frmlinestyle.h"
+#include "qdebug.h"
+
+frmLineStyle::frmLineStyle(QWidget *parent) : QWidget(parent), ui(new Ui::frmLineStyle)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmLineStyle::~frmLineStyle()
+{
+    delete ui;
+}
+
+void frmLineStyle::initForm()
+{
+    ui->customPlot->legend->setVisible(true);
+    ui->customPlot->legend->setFont(QFont("Helvetica", 9));
+    QPen pen;
+    QStringList lineNames;
+    lineNames << "lsNone" << "lsLine" << "lsStepLeft" << "lsStepRight" << "lsStepCenter" << "lsImpulse";
+    // add graphs with different line styles:
+    for (int i = QCPGraph::lsNone; i <= QCPGraph::lsImpulse; ++i) {
+        ui->customPlot->addGraph();
+        pen.setColor(QColor(qSin(i * 1 + 1.2) * 80 + 80, qSin(i * 0.3 + 0) * 80 + 80, qSin(i * 0.3 + 1.5) * 80 + 80));
+        ui->customPlot->graph()->setPen(pen);
+        ui->customPlot->graph()->setName(lineNames.at(i - QCPGraph::lsNone));
+        ui->customPlot->graph()->setLineStyle((QCPGraph::LineStyle)i);
+        ui->customPlot->graph()->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCircle, 5));
+        // generate data:
+        QVector<double> x(15), y(15);
+        for (int j = 0; j < 15; ++j) {
+            x[j] = j / 15.0 * 5 * 3.14 + 0.01;
+            y[j] = 7 * qSin(x[j]) / x[j] - (i - QCPGraph::lsNone) * 5 + (QCPGraph::lsImpulse) * 5 + 2;
+        }
+        ui->customPlot->graph()->setData(x, y);
+        ui->customPlot->graph()->rescaleAxes(true);
+    }
+    // zoom out a bit:
+    ui->customPlot->yAxis->scaleRange(1.1, ui->customPlot->yAxis->range().center());
+    ui->customPlot->xAxis->scaleRange(1.1, ui->customPlot->xAxis->range().center());
+    // set blank axis lines:
+    ui->customPlot->xAxis->setTicks(false);
+    ui->customPlot->yAxis->setTicks(true);
+    ui->customPlot->xAxis->setTickLabels(false);
+    ui->customPlot->yAxis->setTickLabels(true);
+    // make top right axes clones of bottom left axes:
+    ui->customPlot->axisRect()->setupFullAxesBox();
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+}
--- a/third/qcustomplotdemo/frmexample/frmlinestyle.h
+++ b/third/qcustomplotdemo/frmexample/frmlinestyle.h
@@ -0,0 +1,25 @@
+#ifndef FRMLINESTYLE_H
+#define FRMLINESTYLE_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmLineStyle;
+}
+
+class frmLineStyle : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmLineStyle(QWidget *parent = 0);
+    ~frmLineStyle();
+
+private:
+    Ui::frmLineStyle *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMLINESTYLE_H
--- a/third/qcustomplotdemo/frmexample/frmlinestyle.ui
+++ b/third/qcustomplotdemo/frmexample/frmlinestyle.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmLineStyle</class>
+ <widget class="QWidget" name="frmLineStyle">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmlogarithmic.cpp
+++ b/third/qcustomplotdemo/frmexample/frmlogarithmic.cpp
@@ -0,0 +1,93 @@
+#include "frmlogarithmic.h"
+#include "ui_frmlogarithmic.h"
+#include "qdebug.h"
+
+frmLogarithmic::frmLogarithmic(QWidget *parent) : QWidget(parent), ui(new Ui::frmLogarithmic)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmLogarithmic::~frmLogarithmic()
+{
+    delete ui;
+}
+
+void frmLogarithmic::initForm()
+{
+    ui->customPlot->setNoAntialiasingOnDrag(true); // more performance/responsiveness during dragging
+    ui->customPlot->addGraph();
+    QPen pen;
+    pen.setColor(QColor(255, 170, 100));
+    pen.setWidth(2);
+    pen.setStyle(Qt::DotLine);
+    ui->customPlot->graph(0)->setPen(pen);
+    ui->customPlot->graph(0)->setName("x");
+
+    ui->customPlot->addGraph();
+    ui->customPlot->graph(1)->setPen(QPen(Qt::red));
+    ui->customPlot->graph(1)->setBrush(QBrush(QColor(255, 0, 0, 20)));
+    ui->customPlot->graph(1)->setName("-sin(x)exp(x)");
+
+    ui->customPlot->addGraph();
+    ui->customPlot->graph(2)->setPen(QPen(Qt::blue));
+    ui->customPlot->graph(2)->setBrush(QBrush(QColor(0, 0, 255, 20)));
+    ui->customPlot->graph(2)->setName(" sin(x)exp(x)");
+
+    ui->customPlot->addGraph();
+    pen.setColor(QColor(0, 0, 0));
+    pen.setWidth(1);
+    pen.setStyle(Qt::DashLine);
+    ui->customPlot->graph(3)->setPen(pen);
+    ui->customPlot->graph(3)->setBrush(QBrush(QColor(0, 0, 0, 15)));
+    ui->customPlot->graph(3)->setLineStyle(QCPGraph::lsStepCenter);
+    ui->customPlot->graph(3)->setName("x!");
+
+    const int dataCount = 200;
+    const int dataFactorialCount = 21;
+    QVector<QCPGraphData> dataLinear(dataCount), dataMinusSinExp(dataCount), dataPlusSinExp(dataCount), dataFactorial(dataFactorialCount);
+    for (int i = 0; i < dataCount; ++i) {
+        dataLinear[i].key = i / 10.0;
+        dataLinear[i].value = dataLinear[i].key;
+        dataMinusSinExp[i].key = i / 10.0;
+        dataMinusSinExp[i].value = -qSin(dataMinusSinExp[i].key) * qExp(dataMinusSinExp[i].key);
+        dataPlusSinExp[i].key = i / 10.0;
+        dataPlusSinExp[i].value = qSin(dataPlusSinExp[i].key) * qExp(dataPlusSinExp[i].key);
+    }
+    for (int i = 0; i < dataFactorialCount; ++i) {
+        dataFactorial[i].key = i;
+        dataFactorial[i].value = 1.0;
+        for (int k = 1; k <= i; ++k) {
+            dataFactorial[i].value *= k;    // factorial
+        }
+    }
+    ui->customPlot->graph(0)->data()->set(dataLinear);
+    ui->customPlot->graph(1)->data()->set(dataMinusSinExp);
+    ui->customPlot->graph(2)->data()->set(dataPlusSinExp);
+    ui->customPlot->graph(3)->data()->set(dataFactorial);
+
+    ui->customPlot->yAxis->grid()->setSubGridVisible(true);
+    ui->customPlot->xAxis->grid()->setSubGridVisible(true);
+    ui->customPlot->yAxis->setScaleType(QCPAxis::stLogarithmic);
+    ui->customPlot->yAxis2->setScaleType(QCPAxis::stLogarithmic);
+    QSharedPointer<QCPAxisTickerLog> logTicker(new QCPAxisTickerLog);
+    ui->customPlot->yAxis->setTicker(logTicker);
+    ui->customPlot->yAxis2->setTicker(logTicker);
+    ui->customPlot->yAxis->setNumberFormat("eb"); // e = exponential, b = beautiful decimal powers
+    ui->customPlot->yAxis->setNumberPrecision(0); // makes sure "1*10^4" is displayed only as "10^4"
+    ui->customPlot->xAxis->setRange(0, 19.9);
+    ui->customPlot->yAxis->setRange(1e-2, 1e10);    
+
+    // make top right axes clones of bottom left axes:
+    ui->customPlot->axisRect()->setupFullAxesBox();
+    // connect signals so top and right axes move in sync with bottom and left axes:
+    connect(ui->customPlot->xAxis, SIGNAL(rangeChanged(QCPRange)), ui->customPlot->xAxis2, SLOT(setRange(QCPRange)));
+    connect(ui->customPlot->yAxis, SIGNAL(rangeChanged(QCPRange)), ui->customPlot->yAxis2, SLOT(setRange(QCPRange)));
+
+    ui->customPlot->legend->setVisible(true);
+    ui->customPlot->legend->setBrush(QBrush(QColor(255, 255, 255, 150)));
+    ui->customPlot->axisRect()->insetLayout()->setInsetAlignment(0, Qt::AlignLeft | Qt::AlignTop); // make legend align in top left corner or axis rect
+
+    // make range draggable and zoomable:
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+}
--- a/third/qcustomplotdemo/frmexample/frmlogarithmic.h
+++ b/third/qcustomplotdemo/frmexample/frmlogarithmic.h
@@ -0,0 +1,25 @@
+#ifndef FRMLOGARITHMIC_H
+#define FRMLOGARITHMIC_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmLogarithmic;
+}
+
+class frmLogarithmic : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmLogarithmic(QWidget *parent = 0);
+    ~frmLogarithmic();
+
+private:
+    Ui::frmLogarithmic *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMLOGARITHMIC_H
--- a/third/qcustomplotdemo/frmexample/frmlogarithmic.ui
+++ b/third/qcustomplotdemo/frmexample/frmlogarithmic.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmLogarithmic</class>
+ <widget class="QWidget" name="frmLogarithmic">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmmultiaxis.cpp
+++ b/third/qcustomplotdemo/frmexample/frmmultiaxis.cpp
@@ -0,0 +1,128 @@
+#include "frmmultiaxis.h"
+#include "ui_frmmultiaxis.h"
+#include "qdebug.h"
+
+frmMultiAxis::frmMultiAxis(QWidget *parent) : QWidget(parent), ui(new Ui::frmMultiAxis)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmMultiAxis::~frmMultiAxis()
+{
+    delete ui;
+}
+
+void frmMultiAxis::initForm()
+{
+    ui->customPlot->setLocale(QLocale(QLocale::English, QLocale::UnitedKingdom)); // period as decimal separator and comma as thousand separator
+    ui->customPlot->legend->setVisible(true);
+    QFont legendFont = font();  // start out with MainWindow's font..
+    legendFont.setPointSize(9); // and make a bit smaller for legend
+    ui->customPlot->legend->setFont(legendFont);
+    ui->customPlot->legend->setBrush(QBrush(QColor(255, 255, 255, 230)));
+    // by default, the legend is in the inset layout of the main axis rect. So this is how we access it to change legend placement:
+    ui->customPlot->axisRect()->insetLayout()->setInsetAlignment(0, Qt::AlignBottom | Qt::AlignRight);
+
+    // setup for graph 0: key axis left, value axis bottom
+    // will contain left maxwell-like function
+    ui->customPlot->addGraph(ui->customPlot->yAxis, ui->customPlot->xAxis);
+    ui->customPlot->graph(0)->setPen(QPen(QColor(255, 100, 0)));
+    ui->customPlot->graph(0)->setBrush(QBrush(QPixmap("./balboa.jpg"))); // fill with texture of specified image
+    ui->customPlot->graph(0)->setLineStyle(QCPGraph::lsLine);
+    ui->customPlot->graph(0)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssDisc, 5));
+    ui->customPlot->graph(0)->setName("Left maxwell function");
+
+    // setup for graph 1: key axis bottom, value axis left (those are the default axes)
+    // will contain bottom maxwell-like function with error bars
+    ui->customPlot->addGraph();
+    ui->customPlot->graph(1)->setPen(QPen(Qt::red));
+    ui->customPlot->graph(1)->setBrush(QBrush(QPixmap("./balboa.jpg"))); // same fill as we used for graph 0
+    ui->customPlot->graph(1)->setLineStyle(QCPGraph::lsStepCenter);
+    ui->customPlot->graph(1)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCircle, Qt::red, Qt::white, 7));
+    ui->customPlot->graph(1)->setName("Bottom maxwell function");
+    QCPErrorBars *errorBars = new QCPErrorBars(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    errorBars->removeFromLegend();
+    errorBars->setDataPlottable(ui->customPlot->graph(1));
+
+    // setup for graph 2: key axis top, value axis right
+    // will contain high frequency sine with low frequency beating:
+    ui->customPlot->addGraph(ui->customPlot->xAxis2, ui->customPlot->yAxis2);
+    ui->customPlot->graph(2)->setPen(QPen(Qt::blue));
+    ui->customPlot->graph(2)->setName("High frequency sine");
+
+    // setup for graph 3: same axes as graph 2
+    // will contain low frequency beating envelope of graph 2
+    ui->customPlot->addGraph(ui->customPlot->xAxis2, ui->customPlot->yAxis2);
+    QPen blueDotPen;
+    blueDotPen.setColor(QColor(30, 40, 255, 150));
+    blueDotPen.setStyle(Qt::DotLine);
+    blueDotPen.setWidthF(4);
+    ui->customPlot->graph(3)->setPen(blueDotPen);
+    ui->customPlot->graph(3)->setName("Sine envelope");
+
+    // setup for graph 4: key axis right, value axis top
+    // will contain parabolically distributed data points with some random perturbance
+    ui->customPlot->addGraph(ui->customPlot->yAxis2, ui->customPlot->xAxis2);
+    ui->customPlot->graph(4)->setPen(QColor(50, 50, 50, 255));
+    ui->customPlot->graph(4)->setLineStyle(QCPGraph::lsNone);
+    ui->customPlot->graph(4)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCircle, 4));
+    ui->customPlot->graph(4)->setName("Some random data around\na quadratic function");
+
+    // generate data, just playing with numbers, not much to learn here:
+    QVector<double> x0(25), y0(25);
+    QVector<double> x1(15), y1(15), y1err(15);
+    QVector<double> x2(250), y2(250);
+    QVector<double> x3(250), y3(250);
+    QVector<double> x4(250), y4(250);
+    for (int i = 0; i < 25; ++i) { // data for graph 0
+        x0[i] = 3 * i / 25.0;
+        y0[i] = qExp(-x0[i] * x0[i] * 0.8) * (x0[i] * x0[i] + x0[i]);
+    }
+    for (int i = 0; i < 15; ++i) { // data for graph 1
+        x1[i] = 3 * i / 15.0;;
+        y1[i] = qExp(-x1[i] * x1[i]) * (x1[i] * x1[i]) * 2.6;
+        y1err[i] = y1[i] * 0.25;
+    }
+    for (int i = 0; i < 250; ++i) { // data for graphs 2, 3 and 4
+        x2[i] = i / 250.0 * 3 * M_PI;
+        x3[i] = x2[i];
+        x4[i] = i / 250.0 * 100 - 50;
+        y2[i] = qSin(x2[i] * 12) * qCos(x2[i]) * 10;
+        y3[i] = qCos(x3[i]) * 10;
+        y4[i] = 0.01 * x4[i] * x4[i] + 1.5 * (rand() / (double)RAND_MAX - 0.5) + 1.5 * M_PI;
+    }
+
+    // pass data points to graphs:
+    ui->customPlot->graph(0)->setData(x0, y0);
+    ui->customPlot->graph(1)->setData(x1, y1);
+    errorBars->setData(y1err);
+    ui->customPlot->graph(2)->setData(x2, y2);
+    ui->customPlot->graph(3)->setData(x3, y3);
+    ui->customPlot->graph(4)->setData(x4, y4);
+    // activate top and right axes, which are invisible by default:
+    ui->customPlot->xAxis2->setVisible(true);
+    ui->customPlot->yAxis2->setVisible(true);
+    // set ranges appropriate to show data:
+    ui->customPlot->xAxis->setRange(0, 2.7);
+    ui->customPlot->yAxis->setRange(0, 2.6);
+    ui->customPlot->xAxis2->setRange(0, 3.0 * M_PI);
+    ui->customPlot->yAxis2->setRange(-70, 35);
+    // set pi ticks on top axis:
+    ui->customPlot->xAxis2->setTicker(QSharedPointer<QCPAxisTickerPi>(new QCPAxisTickerPi));
+    // add title layout element:
+    ui->customPlot->plotLayout()->insertRow(0);
+    ui->customPlot->plotLayout()->addElement(0, 0, new QCPTextElement(ui->customPlot, "Way too many graphs in one plot", QFont("sans", 12, QFont::Bold)));
+    // set labels:
+    ui->customPlot->xAxis->setLabel("Bottom axis with outward ticks");
+    ui->customPlot->yAxis->setLabel("Left axis label");
+    ui->customPlot->xAxis2->setLabel("Top axis label");
+    ui->customPlot->yAxis2->setLabel("Right axis label");
+    // make ticks on bottom axis go outward:
+    ui->customPlot->xAxis->setTickLength(0, 5);
+    ui->customPlot->xAxis->setSubTickLength(0, 3);
+    // make ticks on right axis go inward and outward:
+    ui->customPlot->yAxis2->setTickLength(3, 3);
+    ui->customPlot->yAxis2->setSubTickLength(1, 1);
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+}
--- a/third/qcustomplotdemo/frmexample/frmmultiaxis.h
+++ b/third/qcustomplotdemo/frmexample/frmmultiaxis.h
@@ -0,0 +1,25 @@
+#ifndef FRMMULTIAXIS_H
+#define FRMMULTIAXIS_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmMultiAxis;
+}
+
+class frmMultiAxis : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmMultiAxis(QWidget *parent = 0);
+    ~frmMultiAxis();
+
+private:
+    Ui::frmMultiAxis *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMMULTIAXIS_H
--- a/third/qcustomplotdemo/frmexample/frmmultiaxis.ui
+++ b/third/qcustomplotdemo/frmexample/frmmultiaxis.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmMultiAxis</class>
+ <widget class="QWidget" name="frmMultiAxis">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmparametriccurve.cpp
+++ b/third/qcustomplotdemo/frmexample/frmparametriccurve.cpp
@@ -0,0 +1,51 @@
+#include "frmparametriccurve.h"
+#include "ui_frmparametriccurve.h"
+#include "qdebug.h"
+
+frmParametricCurve::frmParametricCurve(QWidget *parent) : QWidget(parent), ui(new Ui::frmParametricCurve)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmParametricCurve::~frmParametricCurve()
+{
+    delete ui;
+}
+
+void frmParametricCurve::initForm()
+{
+    // create empty curve objects:
+    QCPCurve *fermatSpiral1 = new QCPCurve(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    QCPCurve *fermatSpiral2 = new QCPCurve(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    QCPCurve *deltoidRadial = new QCPCurve(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    // generate the curve data points:
+    const int pointCount = 500;
+    QVector<QCPCurveData> dataSpiral1(pointCount), dataSpiral2(pointCount), dataDeltoid(pointCount);
+    for (int i = 0; i < pointCount; ++i) {
+        double phi = i / (double)(pointCount - 1) * 8 * M_PI;
+        double theta = i / (double)(pointCount - 1) * 2 * M_PI;
+        dataSpiral1[i] = QCPCurveData(i, qSqrt(phi) * qCos(phi), qSqrt(phi) * qSin(phi));
+        dataSpiral2[i] = QCPCurveData(i, -dataSpiral1[i].key, -dataSpiral1[i].value);
+        dataDeltoid[i] = QCPCurveData(i, 2 * qCos(2 * theta) + qCos(1 * theta) + 2 * qSin(theta), 2 * qSin(2 * theta) - qSin(1 * theta));
+    }
+    // pass the data to the curves; we know t (i in loop above) is ascending, so set alreadySorted=true (saves an extra internal sort):
+    fermatSpiral1->data()->set(dataSpiral1, true);
+    fermatSpiral2->data()->set(dataSpiral2, true);
+    deltoidRadial->data()->set(dataDeltoid, true);
+    // color the curves:
+    fermatSpiral1->setPen(QPen(Qt::blue));
+    fermatSpiral1->setBrush(QBrush(QColor(0, 0, 255, 20)));
+    fermatSpiral2->setPen(QPen(QColor(255, 120, 0)));
+    fermatSpiral2->setBrush(QBrush(QColor(255, 120, 0, 30)));
+    QRadialGradient radialGrad(QPointF(310, 180), 200);
+    radialGrad.setColorAt(0, QColor(170, 20, 240, 100));
+    radialGrad.setColorAt(0.5, QColor(20, 10, 255, 40));
+    radialGrad.setColorAt(1, QColor(120, 20, 240, 10));
+    deltoidRadial->setPen(QPen(QColor(170, 20, 240)));
+    deltoidRadial->setBrush(QBrush(radialGrad));
+    // set some basic ui->customPlot config:
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom | QCP::iSelectPlottables);
+    ui->customPlot->axisRect()->setupFullAxesBox();
+    ui->customPlot->rescaleAxes();
+}
--- a/third/qcustomplotdemo/frmexample/frmparametriccurve.h
+++ b/third/qcustomplotdemo/frmexample/frmparametriccurve.h
@@ -0,0 +1,25 @@
+#ifndef FRMPARAMETRICCURVE_H
+#define FRMPARAMETRICCURVE_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmParametricCurve;
+}
+
+class frmParametricCurve : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmParametricCurve(QWidget *parent = 0);
+    ~frmParametricCurve();
+
+private:
+    Ui::frmParametricCurve *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMPARAMETRICCURVE_H
--- a/third/qcustomplotdemo/frmexample/frmparametriccurve.ui
+++ b/third/qcustomplotdemo/frmexample/frmparametriccurve.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmParametricCurve</class>
+ <widget class="QWidget" name="frmParametricCurve">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmpolarplot.cpp
+++ b/third/qcustomplotdemo/frmexample/frmpolarplot.cpp
@@ -0,0 +1,56 @@
+#include "frmpolarplot.h"
+#include "ui_frmpolarplot.h"
+#include "qdebug.h"
+
+frmPolarPlot::frmPolarPlot(QWidget *parent) : QWidget(parent), ui(new Ui::frmPolarPlot)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmPolarPlot::~frmPolarPlot()
+{
+    delete ui;
+}
+
+void frmPolarPlot::initForm()
+{
+    //南丁格尔图示 2.1 版本新增加的
+#ifdef qcustomplot_v2_1
+    // Warning: Polar plots are a still a tech preview
+
+    ui->customPlot->plotLayout()->clear();
+    QCPPolarAxisAngular *angularAxis = new QCPPolarAxisAngular(ui->customPlot);
+    ui->customPlot->plotLayout()->addElement(0, 0, angularAxis);
+    /* This is how we could set the angular axis to show pi symbols instead of degree numbers:
+    QSharedPointer<QCPAxisTickerPi> ticker(new QCPAxisTickerPi);
+    ticker->setPiValue(180);
+    ticker->setTickCount(8);
+    polarAxis->setTicker(ticker);
+    */
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+    angularAxis->setRangeDrag(false);
+    angularAxis->setTickLabelMode(QCPPolarAxisAngular::lmUpright);
+
+    angularAxis->radialAxis()->setTickLabelMode(QCPPolarAxisRadial::lmUpright);
+    angularAxis->radialAxis()->setTickLabelRotation(0);
+    angularAxis->radialAxis()->setAngle(45);
+
+    angularAxis->grid()->setAngularPen(QPen(QColor(200, 200, 200), 0, Qt::SolidLine));
+    angularAxis->grid()->setSubGridType(QCPPolarGrid::gtAll);
+
+    QCPPolarGraph *g1 = new QCPPolarGraph(angularAxis, angularAxis->radialAxis());
+    QCPPolarGraph *g2 = new QCPPolarGraph(angularAxis, angularAxis->radialAxis());
+    g2->setPen(QPen(QColor(255, 150, 20)));
+    g2->setBrush(QColor(255, 150, 20, 50));
+    g1->setScatterStyle(QCPScatterStyle::ssDisc);
+
+    for (int i = 0; i < 100; ++i) {
+        g1->addData(i / 100.0 * 360.0, qSin(i / 100.0 * M_PI * 8) * 8 + 1);
+        g2->addData(i / 100.0 * 360.0, qSin(i / 100.0 * M_PI * 6) * 2);
+    }
+
+    angularAxis->setRange(0, 360);
+    angularAxis->radialAxis()->setRange(-10, 10);
+#endif
+}
--- a/third/qcustomplotdemo/frmexample/frmpolarplot.h
+++ b/third/qcustomplotdemo/frmexample/frmpolarplot.h
@@ -0,0 +1,25 @@
+#ifndef FRMPOLARPLOT_H
+#define FRMPOLARPLOT_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmPolarPlot;
+}
+
+class frmPolarPlot : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmPolarPlot(QWidget *parent = 0);
+    ~frmPolarPlot();
+
+private:
+    Ui::frmPolarPlot *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMPOLARPLOT_H
--- a/third/qcustomplotdemo/frmexample/frmpolarplot.ui
+++ b/third/qcustomplotdemo/frmexample/frmpolarplot.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmPolarPlot</class>
+ <widget class="QWidget" name="frmPolarPlot">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmquadratic.cpp
+++ b/third/qcustomplotdemo/frmexample/frmquadratic.cpp
@@ -0,0 +1,34 @@
+#include "frmquadratic.h"
+#include "ui_frmquadratic.h"
+#include "qdebug.h"
+
+frmQuadratic::frmQuadratic(QWidget *parent) : QWidget(parent), ui(new Ui::frmQuadratic)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmQuadratic::~frmQuadratic()
+{
+    delete ui;
+}
+
+void frmQuadratic::initForm()
+{
+    // generate some data:
+    QVector<double> x(101), y(101); // initialize with entries 0..100
+    for (int i = 0; i < 101; ++i) {
+        x[i] = i / 50.0 - 1; // x goes from -1 to 1
+        y[i] = x[i] * x[i]; // let's plot a quadratic function
+    }
+    // create graph and assign data to it:
+    ui->customPlot->addGraph();
+    ui->customPlot->graph(0)->setData(x, y);
+    // give the axes some labels:
+    ui->customPlot->xAxis->setLabel("x");
+    ui->customPlot->yAxis->setLabel("y");
+    // set axes ranges, so we see all data:
+    ui->customPlot->xAxis->setRange(-1, 1);
+    ui->customPlot->yAxis->setRange(0, 1);
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+}
--- a/third/qcustomplotdemo/frmexample/frmquadratic.h
+++ b/third/qcustomplotdemo/frmexample/frmquadratic.h
@@ -0,0 +1,25 @@
+#ifndef FRMQUADRATIC_H
+#define FRMQUADRATIC_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmQuadratic;
+}
+
+class frmQuadratic : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmQuadratic(QWidget *parent = 0);
+    ~frmQuadratic();
+
+private:
+    Ui::frmQuadratic *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMQUADRATIC_H
--- a/third/qcustomplotdemo/frmexample/frmquadratic.ui
+++ b/third/qcustomplotdemo/frmexample/frmquadratic.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmQuadratic</class>
+ <widget class="QWidget" name="frmQuadratic">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmrealtimedata.cpp
+++ b/third/qcustomplotdemo/frmexample/frmrealtimedata.cpp
@@ -0,0 +1,87 @@
+#include "frmrealtimedata.h"
+#include "ui_frmrealtimedata.h"
+#include "qdebug.h"
+
+frmRealtimeData::frmRealtimeData(QWidget *parent) : QWidget(parent), ui(new Ui::frmRealtimeData)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmRealtimeData::~frmRealtimeData()
+{
+    delete ui;
+}
+
+void frmRealtimeData::showEvent(QShowEvent *)
+{
+    timeStart = QTime::currentTime();
+    dataTimer.start(0); // Interval 0 means to refresh as fast as possible
+}
+
+void frmRealtimeData::hideEvent(QHideEvent *)
+{
+    dataTimer.stop();
+}
+
+void frmRealtimeData::initForm()
+{
+    // include this section to fully disable antialiasing for higher performance:
+    /*
+    ui->customPlot->setNotAntialiasedElements(QCP::aeAll);
+    QFont font;
+    font.setStyleStrategy(QFont::NoAntialias);
+    ui->customPlot->xAxis->setTickLabelFont(font);
+    ui->customPlot->yAxis->setTickLabelFont(font);
+    ui->customPlot->legend->setFont(font);
+    */
+    ui->customPlot->addGraph(); // blue line
+    ui->customPlot->graph(0)->setPen(QPen(QColor(40, 110, 255)));
+    ui->customPlot->addGraph(); // red line
+    ui->customPlot->graph(1)->setPen(QPen(QColor(255, 110, 40)));
+
+    QSharedPointer<QCPAxisTickerTime> timeTicker(new QCPAxisTickerTime);
+    timeTicker->setTimeFormat("%h:%m:%s");
+    ui->customPlot->xAxis->setTicker(timeTicker);
+    ui->customPlot->axisRect()->setupFullAxesBox();
+    ui->customPlot->yAxis->setRange(-1.2, 1.2);
+
+    // make left and bottom axes transfer their ranges to right and top axes:
+    connect(ui->customPlot->xAxis, SIGNAL(rangeChanged(QCPRange)), ui->customPlot->xAxis2, SLOT(setRange(QCPRange)));
+    connect(ui->customPlot->yAxis, SIGNAL(rangeChanged(QCPRange)), ui->customPlot->yAxis2, SLOT(setRange(QCPRange)));
+
+    // setup a timer that repeatedly calls MainWindow::realtimeDataSlot:
+    connect(&dataTimer, SIGNAL(timeout()), this, SLOT(realtimeDataSlot()));    
+}
+
+void frmRealtimeData::realtimeDataSlot()
+{
+    // calculate two new data points:
+    double key = timeStart.msecsTo(QTime::currentTime()) / 1000.0; // time elapsed since start of demo, in seconds
+    static double lastPointKey = 0;
+    if (key - lastPointKey > 0.002) { // at most add point every 2 ms
+        // add data to lines:
+        ui->customPlot->graph(0)->addData(key, qSin(key) + std::rand() / (double)RAND_MAX * 1 * qSin(key / 0.3843));
+        ui->customPlot->graph(1)->addData(key, qCos(key) + std::rand() / (double)RAND_MAX * 0.5 * qSin(key / 0.4364));
+        // rescale value (vertical) axis to fit the current data:
+        //ui->customPlot->graph(0)->rescaleValueAxis();
+        //ui->customPlot->graph(1)->rescaleValueAxis(true);
+        lastPointKey = key;
+    }
+    // make key axis range scroll with the data (at a constant range size of 8):
+    ui->customPlot->xAxis->setRange(key, 8, Qt::AlignRight);
+    ui->customPlot->replot();
+
+    // calculate frames per second:
+    static double lastFpsKey;
+    static int frameCount;
+    ++frameCount;
+    if (key - lastFpsKey > 2) { // average fps over 2 seconds
+        QString fps = QString("%1").arg(frameCount / (key - lastFpsKey), 0, 'f', 0);
+        int count = ui->customPlot->graph(0)->data()->size() + ui->customPlot->graph(1)->data()->size();
+        QString info = QString("%1 FPS, Total Data points: %2").arg(fps).arg(count);
+        ui->label->setText(info);
+        lastFpsKey = key;
+        frameCount = 0;
+    }
+}
--- a/third/qcustomplotdemo/frmexample/frmrealtimedata.h
+++ b/third/qcustomplotdemo/frmexample/frmrealtimedata.h
@@ -0,0 +1,34 @@
+#ifndef FRMREALTIMEDATA_H
+#define FRMREALTIMEDATA_H
+
+#include <QWidget>
+#include <QDateTime>
+#include <QTimer>
+
+namespace Ui {
+class frmRealtimeData;
+}
+
+class frmRealtimeData : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmRealtimeData(QWidget *parent = 0);
+    ~frmRealtimeData();
+
+protected:
+    void showEvent(QShowEvent *);
+    void hideEvent(QHideEvent *);
+
+private:
+    Ui::frmRealtimeData *ui;
+    QTimer dataTimer;
+    QTime timeStart;
+
+private slots:
+    void initForm();
+    void realtimeDataSlot();
+};
+
+#endif // FRMREALTIMEDATA_H
--- a/third/qcustomplotdemo/frmexample/frmrealtimedata.ui
+++ b/third/qcustomplotdemo/frmexample/frmrealtimedata.ui
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmRealtimeData</class>
+ <widget class="QWidget" name="frmRealtimeData">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+   <item>
+    <widget class="QLabel" name="label">
+     <property name="sizePolicy">
+      <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+       <horstretch>0</horstretch>
+       <verstretch>0</verstretch>
+      </sizepolicy>
+     </property>
+     <property name="frameShape">
+      <enum>QFrame::Box</enum>
+     </property>
+     <property name="frameShadow">
+      <enum>QFrame::Sunken</enum>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmscatterpixmap.cpp
+++ b/third/qcustomplotdemo/frmexample/frmscatterpixmap.cpp
@@ -0,0 +1,58 @@
+#include "frmscatterpixmap.h"
+#include "ui_frmscatterpixmap.h"
+#include "qdebug.h"
+
+frmScatterPixmap::frmScatterPixmap(QWidget *parent) : QWidget(parent), ui(new Ui::frmScatterPixmap)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmScatterPixmap::~frmScatterPixmap()
+{
+    delete ui;
+}
+
+void frmScatterPixmap::initForm()
+{
+    ui->customPlot->axisRect()->setBackground(QPixmap(":/image/bg1.jpg"));
+    ui->customPlot->addGraph();
+    ui->customPlot->graph()->setLineStyle(QCPGraph::lsLine);
+    QPen pen;
+    pen.setColor(QColor(255, 200, 20, 200));
+    pen.setStyle(Qt::DashLine);
+    pen.setWidthF(2.5);
+    ui->customPlot->graph()->setPen(pen);
+    ui->customPlot->graph()->setBrush(QBrush(QColor(255, 200, 20, 70)));
+    ui->customPlot->graph()->setScatterStyle(QCPScatterStyle(QPixmap(":/image/data.png")));
+    // set graph name, will show up in legend next to icon:
+    ui->customPlot->graph()->setName("Data from Photovoltaic\nenergy barometer 2011");
+    // set data:
+    QVector<double> year, value;
+    year  << 2005 << 2006 << 2007 << 2008  << 2009  << 2010 << 2011;
+    value << 2.17 << 3.42 << 4.94 << 10.38 << 15.86 << 29.33 << 52.1;
+    ui->customPlot->graph()->setData(year, value);
+
+    // set title of plot:
+    ui->customPlot->plotLayout()->insertRow(0);
+    ui->customPlot->plotLayout()->addElement(0, 0, new QCPTextElement(ui->customPlot, "Regenerative Energies", QFont("sans", 12, QFont::Bold)));
+    // axis configurations:
+    ui->customPlot->xAxis->setLabel("Year");
+    ui->customPlot->yAxis->setLabel("Installed Gigawatts of\nphotovoltaic in the European Union");
+    ui->customPlot->xAxis2->setVisible(true);
+    ui->customPlot->yAxis2->setVisible(true);
+    ui->customPlot->xAxis2->setTickLabels(false);
+    ui->customPlot->yAxis2->setTickLabels(false);
+    ui->customPlot->xAxis2->setTicks(false);
+    ui->customPlot->yAxis2->setTicks(false);
+    ui->customPlot->xAxis2->setSubTicks(false);
+    ui->customPlot->yAxis2->setSubTicks(false);
+    ui->customPlot->xAxis->setRange(2004.5, 2011.5);
+    ui->customPlot->yAxis->setRange(0, 52);
+    // setup legend:
+    ui->customPlot->legend->setFont(QFont(font().family(), 7));
+    ui->customPlot->legend->setIconSize(50, 20);
+    ui->customPlot->legend->setVisible(true);
+    ui->customPlot->axisRect()->insetLayout()->setInsetAlignment(0, Qt::AlignLeft | Qt::AlignTop);
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+}
--- a/third/qcustomplotdemo/frmexample/frmscatterpixmap.h
+++ b/third/qcustomplotdemo/frmexample/frmscatterpixmap.h
@@ -0,0 +1,25 @@
+#ifndef FRMSCATTERPIXMAP_H
+#define FRMSCATTERPIXMAP_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmScatterPixmap;
+}
+
+class frmScatterPixmap : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmScatterPixmap(QWidget *parent = 0);
+    ~frmScatterPixmap();
+
+private:
+    Ui::frmScatterPixmap *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMSCATTERPIXMAP_H
--- a/third/qcustomplotdemo/frmexample/frmscatterpixmap.ui
+++ b/third/qcustomplotdemo/frmexample/frmscatterpixmap.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmScatterPixmap</class>
+ <widget class="QWidget" name="frmScatterPixmap">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmscatterstyle.cpp
+++ b/third/qcustomplotdemo/frmexample/frmscatterstyle.cpp
@@ -0,0 +1,82 @@
+#include "frmscatterstyle.h"
+#include "ui_frmscatterstyle.h"
+#include "qmetaobject.h"
+#include "qdebug.h"
+
+frmScatterStyle::frmScatterStyle(QWidget *parent) : QWidget(parent), ui(new Ui::frmScatterStyle)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmScatterStyle::~frmScatterStyle()
+{
+    delete ui;
+}
+
+void frmScatterStyle::initForm()
+{
+    ui->customPlot->legend->setVisible(true);
+    ui->customPlot->legend->setFont(QFont("Helvetica", 9));
+    ui->customPlot->legend->setRowSpacing(-3);
+
+    QVector<QCPScatterStyle::ScatterShape> shapes;
+    shapes << QCPScatterStyle::ssCross;
+    shapes << QCPScatterStyle::ssPlus;
+    shapes << QCPScatterStyle::ssCircle;
+    shapes << QCPScatterStyle::ssDisc;
+    shapes << QCPScatterStyle::ssSquare;
+    shapes << QCPScatterStyle::ssDiamond;
+    shapes << QCPScatterStyle::ssStar;
+    shapes << QCPScatterStyle::ssTriangle;
+    shapes << QCPScatterStyle::ssTriangleInverted;
+    shapes << QCPScatterStyle::ssCrossSquare;
+    shapes << QCPScatterStyle::ssPlusSquare;
+    shapes << QCPScatterStyle::ssCrossCircle;
+    shapes << QCPScatterStyle::ssPlusCircle;
+    shapes << QCPScatterStyle::ssPeace;
+    shapes << QCPScatterStyle::ssCustom;
+
+    QPen pen;
+    // add graphs with different scatter styles:
+    for (int i = 0; i < shapes.size(); ++i) {
+        ui->customPlot->addGraph();
+        pen.setColor(QColor(qSin(i * 0.3) * 100 + 100, qSin(i * 0.6 + 0.7) * 100 + 100, qSin(i * 0.4 + 0.6) * 100 + 100));
+        // generate data:
+        QVector<double> x(10), y(10);
+        for (int k = 0; k < 10; ++k) {
+            x[k] = k / 10.0 * 4 * 3.14 + 0.01;
+            y[k] = 7 * qSin(x[k]) / x[k] + (shapes.size() - i) * 5;
+        }
+        ui->customPlot->graph()->setData(x, y);
+        ui->customPlot->graph()->rescaleAxes(true);
+        ui->customPlot->graph()->setPen(pen);
+
+        //枚举值转字符串
+        QMetaObject metaObject = QCPScatterStyle::staticMetaObject;
+        QMetaEnum metaEnum = metaObject.enumerator(metaObject.indexOfEnumerator("ScatterShape"));
+        QString name = metaEnum.valueToKey(shapes.at(i));
+        ui->customPlot->graph()->setName(name);
+
+        ui->customPlot->graph()->setLineStyle(QCPGraph::lsLine);
+        // set scatter style:
+        if (shapes.at(i) != QCPScatterStyle::ssCustom) {
+            ui->customPlot->graph()->setScatterStyle(QCPScatterStyle(shapes.at(i), 10));
+        } else {
+            QPainterPath customScatterPath;
+            for (int i = 0; i < 3; ++i) {
+                customScatterPath.cubicTo(qCos(2 * M_PI * i / 3.0) * 9, qSin(2 * M_PI * i / 3.0) * 9, qCos(2 * M_PI * (i + 0.9) / 3.0) * 9, qSin(2 * M_PI * (i + 0.9) / 3.0) * 9, 0, 0);
+            }
+            ui->customPlot->graph()->setScatterStyle(QCPScatterStyle(customScatterPath, QPen(Qt::black, 0), QColor(40, 70, 255, 50), 10));
+        }
+    }
+    // set blank axis lines:
+    ui->customPlot->rescaleAxes();
+    ui->customPlot->xAxis->setTicks(false);
+    ui->customPlot->yAxis->setTicks(false);
+    ui->customPlot->xAxis->setTickLabels(false);
+    ui->customPlot->yAxis->setTickLabels(false);
+    // make top right axes clones of bottom left axes:
+    ui->customPlot->axisRect()->setupFullAxesBox();
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+}
--- a/third/qcustomplotdemo/frmexample/frmscatterstyle.h
+++ b/third/qcustomplotdemo/frmexample/frmscatterstyle.h
@@ -0,0 +1,25 @@
+#ifndef FRMSCATTERSTYLE_H
+#define FRMSCATTERSTYLE_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmScatterStyle;
+}
+
+class frmScatterStyle : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmScatterStyle(QWidget *parent = 0);
+    ~frmScatterStyle();
+
+private:
+    Ui::frmScatterStyle *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMSCATTERSTYLE_H
--- a/third/qcustomplotdemo/frmexample/frmscatterstyle.ui
+++ b/third/qcustomplotdemo/frmexample/frmscatterstyle.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmScatterStyle</class>
+ <widget class="QWidget" name="frmScatterStyle">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmsimple.cpp
+++ b/third/qcustomplotdemo/frmexample/frmsimple.cpp
@@ -0,0 +1,50 @@
+#include "frmsimple.h"
+#include "ui_frmsimple.h"
+#include "qdebug.h"
+
+frmSimple::frmSimple(QWidget *parent) : QWidget(parent), ui(new Ui::frmSimple)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmSimple::~frmSimple()
+{
+    delete ui;
+}
+
+void frmSimple::initForm()
+{
+    // add two new graphs and set their look:
+    ui->customPlot->addGraph();
+    ui->customPlot->graph(0)->setPen(QPen(Qt::blue)); // line color blue for first graph
+    ui->customPlot->graph(0)->setBrush(QBrush(QColor(0, 0, 255, 20))); // first graph will be filled with translucent blue
+    ui->customPlot->addGraph();
+    ui->customPlot->graph(1)->setPen(QPen(Qt::red)); // line color red for second graph
+    // generate some points of data (y0 for first, y1 for second graph):
+    QVector<double> x(251), y0(251), y1(251);
+    for (int i = 0; i < 251; ++i) {
+        x[i] = i;
+        y0[i] = qExp(-i / 150.0) * qCos(i / 10.0); // exponentially decaying cosine
+        y1[i] = qExp(-i / 150.0);            // exponential envelope
+    }
+    // configure right and top axis to show ticks but no labels:
+    // (see QCPAxisRect::setupFullAxesBox for a quicker method to do this)
+    ui->customPlot->xAxis2->setVisible(true);
+    ui->customPlot->xAxis2->setTickLabels(false);
+    ui->customPlot->yAxis2->setVisible(true);
+    ui->customPlot->yAxis2->setTickLabels(false);
+    // make left and bottom axes always transfer their ranges to right and top axes:
+    connect(ui->customPlot->xAxis, SIGNAL(rangeChanged(QCPRange)), ui->customPlot->xAxis2, SLOT(setRange(QCPRange)));
+    connect(ui->customPlot->yAxis, SIGNAL(rangeChanged(QCPRange)), ui->customPlot->yAxis2, SLOT(setRange(QCPRange)));
+    // pass data points to graphs:
+    ui->customPlot->graph(0)->setData(x, y0);
+    ui->customPlot->graph(1)->setData(x, y1);
+    // let the ranges scale themselves so graph 0 fits perfectly in the visible area:
+    ui->customPlot->graph(0)->rescaleAxes();
+    // same thing for graph 1, but only enlarge ranges (in case graph 1 is smaller than graph 0):
+    ui->customPlot->graph(1)->rescaleAxes(true);
+    // Note: we could have also just called customPlot->rescaleAxes(); instead
+    // Allow user to drag axis ranges with mouse, zoom with mouse wheel and select graphs by clicking:
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom | QCP::iSelectPlottables);
+}
--- a/third/qcustomplotdemo/frmexample/frmsimple.h
+++ b/third/qcustomplotdemo/frmexample/frmsimple.h
@@ -0,0 +1,25 @@
+#ifndef FRMSIMPLE_H
+#define FRMSIMPLE_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmSimple;
+}
+
+class frmSimple : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmSimple(QWidget *parent = 0);
+    ~frmSimple();
+
+private:
+    Ui::frmSimple *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMSIMPLE_H
--- a/third/qcustomplotdemo/frmexample/frmsimple.ui
+++ b/third/qcustomplotdemo/frmexample/frmsimple.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmSimple</class>
+ <widget class="QWidget" name="frmSimple">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmsimpleitem.cpp
+++ b/third/qcustomplotdemo/frmexample/frmsimpleitem.cpp
@@ -0,0 +1,34 @@
+#include "frmsimpleitem.h"
+#include "ui_frmsimpleitem.h"
+#include "qdebug.h"
+
+frmSimpleItem::frmSimpleItem(QWidget *parent) : QWidget(parent), ui(new Ui::frmSimpleItem)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmSimpleItem::~frmSimpleItem()
+{
+    delete ui;
+}
+
+void frmSimpleItem::initForm()
+{
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+
+    // add the text label at the top:
+    QCPItemText *textLabel = new QCPItemText(ui->customPlot);
+    textLabel->setPositionAlignment(Qt::AlignTop|Qt::AlignHCenter);
+    textLabel->position->setType(QCPItemPosition::ptAxisRectRatio);
+    textLabel->position->setCoords(0.5, 0); // place position at center/top of axis rect
+    textLabel->setText("Text Item Demo");
+    textLabel->setFont(QFont(font().family(), 16)); // make font a bit larger
+    textLabel->setPen(QPen(Qt::black)); // show black border around text
+
+    // add the arrow:
+    QCPItemLine *arrow = new QCPItemLine(ui->customPlot);
+    arrow->start->setParentAnchor(textLabel->bottom);
+    arrow->end->setCoords(4, 1.6); // point to (4, 1.6) in x-y-plot coordinates
+    arrow->setHead(QCPLineEnding::esSpikeArrow);
+}
--- a/third/qcustomplotdemo/frmexample/frmsimpleitem.h
+++ b/third/qcustomplotdemo/frmexample/frmsimpleitem.h
@@ -0,0 +1,25 @@
+#ifndef FRMSIMPLEITEM_H
+#define FRMSIMPLEITEM_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmSimpleItem;
+}
+
+class frmSimpleItem : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmSimpleItem(QWidget *parent = 0);
+    ~frmSimpleItem();
+
+private:
+    Ui::frmSimpleItem *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMSIMPLEITEM_H
--- a/third/qcustomplotdemo/frmexample/frmsimpleitem.ui
+++ b/third/qcustomplotdemo/frmexample/frmsimpleitem.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmSimpleItem</class>
+ <widget class="QWidget" name="frmSimpleItem">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmsincscatter.cpp
+++ b/third/qcustomplotdemo/frmexample/frmsincscatter.cpp
@@ -0,0 +1,94 @@
+#include "frmsincscatter.h"
+#include "ui_frmsincscatter.h"
+#include "qdebug.h"
+
+frmSincScatter::frmSincScatter(QWidget *parent) : QWidget(parent), ui(new Ui::frmSincScatter)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmSincScatter::~frmSincScatter()
+{
+    delete ui;
+}
+
+void frmSincScatter::initForm()
+{
+    ui->customPlot->legend->setVisible(true);
+    ui->customPlot->legend->setFont(QFont("Helvetica", 9));
+    // set locale to english, so we get english decimal separator:
+    ui->customPlot->setLocale(QLocale(QLocale::English, QLocale::UnitedKingdom));
+    // add confidence band graphs:
+    ui->customPlot->addGraph();
+    QPen pen;
+    pen.setStyle(Qt::DotLine);
+    pen.setWidth(1);
+    pen.setColor(QColor(180, 180, 180));
+    ui->customPlot->graph(0)->setName("Confidence Band 68%");
+    ui->customPlot->graph(0)->setPen(pen);
+    ui->customPlot->graph(0)->setBrush(QBrush(QColor(255, 50, 30, 20)));
+    ui->customPlot->addGraph();
+    ui->customPlot->legend->removeItem(ui->customPlot->legend->itemCount() - 1); // don't show two confidence band graphs in legend
+    ui->customPlot->graph(1)->setPen(pen);
+    ui->customPlot->graph(0)->setChannelFillGraph(ui->customPlot->graph(1));
+    // add theory curve graph:
+    ui->customPlot->addGraph();
+    pen.setStyle(Qt::DashLine);
+    pen.setWidth(2);
+    pen.setColor(Qt::red);
+    ui->customPlot->graph(2)->setPen(pen);
+    ui->customPlot->graph(2)->setName("Theory Curve");
+    // add data point graph:
+    ui->customPlot->addGraph();
+    ui->customPlot->graph(3)->setPen(QPen(Qt::blue));
+    ui->customPlot->graph(3)->setName("Measurement");
+    ui->customPlot->graph(3)->setLineStyle(QCPGraph::lsNone);
+    ui->customPlot->graph(3)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCross, 4));
+    // add error bars:
+    QCPErrorBars *errorBars = new QCPErrorBars(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    errorBars->removeFromLegend();
+    errorBars->setAntialiased(false);
+    errorBars->setDataPlottable(ui->customPlot->graph(3));
+    errorBars->setPen(QPen(QColor(180, 180, 180)));
+
+    // generate ideal sinc curve data and some randomly perturbed data for scatter plot:
+    QVector<double> x0(250), y0(250);
+    QVector<double> yConfUpper(250), yConfLower(250);
+    for (int i = 0; i < 250; ++i) {
+        x0[i] = (i / 249.0 - 0.5) * 30 + 0.01; // by adding a small offset we make sure not do divide by zero in next code line
+        y0[i] = qSin(x0[i]) / x0[i]; // sinc function
+        yConfUpper[i] = y0[i] + 0.15;
+        yConfLower[i] = y0[i] - 0.15;
+        x0[i] *= 1000;
+    }
+    QVector<double> x1(50), y1(50), y1err(50);
+    for (int i = 0; i < 50; ++i) {
+        // generate a gaussian distributed random number:
+        double tmp1 = rand() / (double)RAND_MAX;
+        double tmp2 = rand() / (double)RAND_MAX;
+        double r = qSqrt(-2 * qLn(tmp1)) * qCos(2 * M_PI * tmp2); // box-muller transform for gaussian distribution
+        // set y1 to value of y0 plus a random gaussian pertubation:
+        x1[i] = (i / 50.0 - 0.5) * 30 + 0.25;
+        y1[i] = qSin(x1[i]) / x1[i] + r * 0.15;
+        x1[i] *= 1000;
+        y1err[i] = 0.15;
+    }
+    // pass data to graphs and let Qui->customPlot determine the axes ranges so the whole thing is visible:
+    ui->customPlot->graph(0)->setData(x0, yConfUpper);
+    ui->customPlot->graph(1)->setData(x0, yConfLower);
+    ui->customPlot->graph(2)->setData(x0, y0);
+    ui->customPlot->graph(3)->setData(x1, y1);
+    errorBars->setData(y1err);
+    ui->customPlot->graph(2)->rescaleAxes();
+    ui->customPlot->graph(3)->rescaleAxes(true);
+    // setup look of bottom tick labels:
+    ui->customPlot->xAxis->setTickLabelRotation(30);
+    ui->customPlot->xAxis->ticker()->setTickCount(9);
+    ui->customPlot->xAxis->setNumberFormat("ebc");
+    ui->customPlot->xAxis->setNumberPrecision(1);
+    ui->customPlot->xAxis->moveRange(-10);
+    // make top right axes clones of bottom left axes. Looks prettier:
+    ui->customPlot->axisRect()->setupFullAxesBox();
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+}
--- a/third/qcustomplotdemo/frmexample/frmsincscatter.h
+++ b/third/qcustomplotdemo/frmexample/frmsincscatter.h
@@ -0,0 +1,25 @@
+#ifndef FRMSINCSCATTER_H
+#define FRMSINCSCATTER_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmSincScatter;
+}
+
+class frmSincScatter : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmSincScatter(QWidget *parent = 0);
+    ~frmSincScatter();
+
+private:
+    Ui::frmSincScatter *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMSINCSCATTER_H
--- a/third/qcustomplotdemo/frmexample/frmsincscatter.ui
+++ b/third/qcustomplotdemo/frmexample/frmsincscatter.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmSincScatter</class>
+ <widget class="QWidget" name="frmSincScatter">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmstatistical.cpp
+++ b/third/qcustomplotdemo/frmexample/frmstatistical.cpp
@@ -0,0 +1,44 @@
+#include "frmstatistical.h"
+#include "ui_frmstatistical.h"
+#include "qdebug.h"
+
+frmStatistical::frmStatistical(QWidget *parent) : QWidget(parent), ui(new Ui::frmStatistical)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmStatistical::~frmStatistical()
+{
+    delete ui;
+}
+
+void frmStatistical::initForm()
+{
+    QCPStatisticalBox *statistical = new QCPStatisticalBox(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    QBrush boxBrush(QColor(60, 60, 255, 100));
+    boxBrush.setStyle(Qt::Dense6Pattern); // make it look oldschool
+    statistical->setBrush(boxBrush);
+
+    // specify data:
+    statistical->addData(1, 1.1, 1.9, 2.25, 2.7, 4.2);
+    statistical->addData(2, 0.8, 1.6, 2.2, 3.2, 4.9, QVector<double>() << 0.7 << 0.34 << 0.45 << 6.2 << 5.84); // provide some outliers as QVector
+    statistical->addData(3, 0.2, 0.7, 1.1, 1.6, 2.9);
+
+    // prepare manual x axis labels:
+    ui->customPlot->xAxis->setSubTicks(false);
+    ui->customPlot->xAxis->setTickLength(0, 4);
+    ui->customPlot->xAxis->setTickLabelRotation(20);
+    QSharedPointer<QCPAxisTickerText> textTicker(new QCPAxisTickerText);
+    textTicker->addTick(1, "Sample 1");
+    textTicker->addTick(2, "Sample 2");
+    textTicker->addTick(3, "Control Group");
+    ui->customPlot->xAxis->setTicker(textTicker);
+
+    // prepare axes:
+    ui->customPlot->yAxis->setLabel(QString::fromUtf8("O? Absorption [mg]"));
+    ui->customPlot->rescaleAxes();
+    ui->customPlot->xAxis->scaleRange(1.7, ui->customPlot->xAxis->range().center());
+    ui->customPlot->yAxis->setRange(0, 7);
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+}
--- a/third/qcustomplotdemo/frmexample/frmstatistical.h
+++ b/third/qcustomplotdemo/frmexample/frmstatistical.h
@@ -0,0 +1,25 @@
+#ifndef FRMSTATISTICAL_H
+#define FRMSTATISTICAL_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmStatistical;
+}
+
+class frmStatistical : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmStatistical(QWidget *parent = 0);
+    ~frmStatistical();
+
+private:
+    Ui::frmStatistical *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMSTATISTICAL_H
--- a/third/qcustomplotdemo/frmexample/frmstatistical.ui
+++ b/third/qcustomplotdemo/frmexample/frmstatistical.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmStatistical</class>
+ <widget class="QWidget" name="frmStatistical">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmstyled.cpp
+++ b/third/qcustomplotdemo/frmexample/frmstyled.cpp
@@ -0,0 +1,111 @@
+#include "frmstyled.h"
+#include "ui_frmstyled.h"
+#include "qdebug.h"
+
+frmStyled::frmStyled(QWidget *parent) : QWidget(parent), ui(new Ui::frmStyled)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmStyled::~frmStyled()
+{
+    delete ui;
+}
+
+void frmStyled::initForm()
+{
+    // prepare data:
+    QVector<double> x1(20), y1(20);
+    QVector<double> x2(100), y2(100);
+    QVector<double> x3(20), y3(20);
+    QVector<double> x4(20), y4(20);
+    for (int i = 0; i < x1.size(); ++i) {
+        x1[i] = i / (double)(x1.size() - 1) * 10;
+        y1[i] = qCos(x1[i] * 0.8 + qSin(x1[i] * 0.16 + 1.0)) * qSin(x1[i] * 0.54) + 1.4;
+    }
+    for (int i = 0; i < x2.size(); ++i) {
+        x2[i] = i / (double)(x2.size() - 1) * 10;
+        y2[i] = qCos(x2[i] * 0.85 + qSin(x2[i] * 0.165 + 1.1)) * qSin(x2[i] * 0.50) + 1.7;
+    }
+    for (int i = 0; i < x3.size(); ++i) {
+        x3[i] = i / (double)(x3.size() - 1) * 10;
+        y3[i] = 0.05 + 3 * (0.5 + qCos(x3[i] * x3[i] * 0.2 + 2) * 0.5) / (double)(x3[i] + 0.7) + std::rand() / (double)RAND_MAX * 0.01;
+    }
+    for (int i = 0; i < x4.size(); ++i) {
+        x4[i] = x3[i];
+        y4[i] = (0.5 - y3[i]) + ((x4[i] - 2) * (x4[i] - 2) * 0.02);
+    }
+
+    // create and configure plottables:
+    QCPGraph *graph1 = ui->customPlot->addGraph();
+    graph1->setData(x1, y1);
+    graph1->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCircle, QPen(Qt::black, 1.5), QBrush(Qt::white), 9));
+    graph1->setPen(QPen(QColor(120, 120, 120), 2));
+
+    QCPGraph *graph2 = ui->customPlot->addGraph();
+    graph2->setData(x2, y2);
+    graph2->setPen(Qt::NoPen);
+    graph2->setBrush(QColor(200, 200, 200, 20));
+    graph2->setChannelFillGraph(graph1);
+
+    QCPBars *bars1 = new QCPBars(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    bars1->setWidth(9 / (double)x3.size());
+    bars1->setData(x3, y3);
+    bars1->setPen(Qt::NoPen);
+    bars1->setBrush(QColor(10, 140, 70, 160));
+
+    QCPBars *bars2 = new QCPBars(ui->customPlot->xAxis, ui->customPlot->yAxis);
+    bars2->setWidth(9 / (double)x4.size());
+    bars2->setData(x4, y4);
+    bars2->setPen(Qt::NoPen);
+    bars2->setBrush(QColor(10, 100, 50, 70));
+    bars2->moveAbove(bars1);
+
+    // move bars above graphs and grid below bars:
+    ui->customPlot->addLayer("abovemain", ui->customPlot->layer("main"), QCustomPlot::limAbove);
+    ui->customPlot->addLayer("belowmain", ui->customPlot->layer("main"), QCustomPlot::limBelow);
+    graph1->setLayer("abovemain");
+    ui->customPlot->xAxis->grid()->setLayer("belowmain");
+    ui->customPlot->yAxis->grid()->setLayer("belowmain");
+
+    // set some pens, brushes and backgrounds:
+    ui->customPlot->xAxis->setBasePen(QPen(Qt::white, 1));
+    ui->customPlot->yAxis->setBasePen(QPen(Qt::white, 1));
+    ui->customPlot->xAxis->setTickPen(QPen(Qt::white, 1));
+    ui->customPlot->yAxis->setTickPen(QPen(Qt::white, 1));
+    ui->customPlot->xAxis->setSubTickPen(QPen(Qt::white, 1));
+    ui->customPlot->yAxis->setSubTickPen(QPen(Qt::white, 1));
+    ui->customPlot->xAxis->setTickLabelColor(Qt::white);
+    ui->customPlot->yAxis->setTickLabelColor(Qt::white);
+
+    ui->customPlot->xAxis->grid()->setPen(QPen(QColor(140, 140, 140), 1, Qt::DotLine));
+    ui->customPlot->yAxis->grid()->setPen(QPen(QColor(140, 140, 140), 1, Qt::DotLine));
+    ui->customPlot->xAxis->grid()->setSubGridPen(QPen(QColor(80, 80, 80), 1, Qt::DotLine));
+    ui->customPlot->yAxis->grid()->setSubGridPen(QPen(QColor(80, 80, 80), 1, Qt::DotLine));
+    ui->customPlot->xAxis->grid()->setSubGridVisible(true);
+    ui->customPlot->yAxis->grid()->setSubGridVisible(true);
+    ui->customPlot->xAxis->grid()->setZeroLinePen(Qt::NoPen);
+    ui->customPlot->yAxis->grid()->setZeroLinePen(Qt::NoPen);
+
+    ui->customPlot->xAxis->setUpperEnding(QCPLineEnding::esSpikeArrow);
+    ui->customPlot->yAxis->setUpperEnding(QCPLineEnding::esSpikeArrow);
+
+    QLinearGradient plotGradient;
+    plotGradient.setStart(0, 0);
+    plotGradient.setFinalStop(0, 350);
+    plotGradient.setColorAt(0, QColor(80, 80, 80));
+    plotGradient.setColorAt(1, QColor(50, 50, 50));
+    ui->customPlot->setBackground(plotGradient);
+
+    QLinearGradient axisRectGradient;
+    axisRectGradient.setStart(0, 0);
+    axisRectGradient.setFinalStop(0, 350);
+    axisRectGradient.setColorAt(0, QColor(80, 80, 80));
+    axisRectGradient.setColorAt(1, QColor(30, 30, 30));
+    ui->customPlot->axisRect()->setBackground(axisRectGradient);
+
+    ui->customPlot->rescaleAxes();
+    ui->customPlot->yAxis->setRange(0, 2);
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+}
--- a/third/qcustomplotdemo/frmexample/frmstyled.h
+++ b/third/qcustomplotdemo/frmexample/frmstyled.h
@@ -0,0 +1,25 @@
+#ifndef FRMSTYLED_H
+#define FRMSTYLED_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmStyled;
+}
+
+class frmStyled : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmStyled(QWidget *parent = 0);
+    ~frmStyled();
+
+private:
+    Ui::frmStyled *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMSTYLED_H
--- a/third/qcustomplotdemo/frmexample/frmstyled.ui
+++ b/third/qcustomplotdemo/frmexample/frmstyled.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmStyled</class>
+ <widget class="QWidget" name="frmStyled">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample/frmtexturebrush.cpp
+++ b/third/qcustomplotdemo/frmexample/frmtexturebrush.cpp
@@ -0,0 +1,58 @@
+#include "frmtexturebrush.h"
+#include "ui_frmtexturebrush.h"
+#include "qdebug.h"
+
+frmTextureBrush::frmTextureBrush(QWidget *parent) : QWidget(parent), ui(new Ui::frmTextureBrush)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmTextureBrush::~frmTextureBrush()
+{
+    delete ui;
+}
+
+void frmTextureBrush::initForm()
+{
+    // add two graphs with a textured fill:
+    ui->customPlot->addGraph();
+    QPen redDotPen;
+    redDotPen.setStyle(Qt::DotLine);
+    redDotPen.setColor(QColor(170, 100, 100, 180));
+    redDotPen.setWidthF(2);
+    ui->customPlot->graph(0)->setPen(redDotPen);
+    ui->customPlot->graph(0)->setBrush(QBrush(QPixmap(":/image/bg2.jpg"))); // fill with texture of specified image
+
+    ui->customPlot->addGraph();
+    ui->customPlot->graph(1)->setPen(QPen(Qt::red));
+
+    // activate channel fill for graph 0 towards graph 1:
+    ui->customPlot->graph(0)->setChannelFillGraph(ui->customPlot->graph(1));
+
+    // generate data:
+    QVector<double> x(250);
+    QVector<double> y0(250), y1(250);
+    for (int i = 0; i < 250; ++i) {
+        // just playing with numbers, not much to learn here
+        x[i] = 3 * i / 250.0;
+        y0[i] = 1 + qExp(-x[i] * x[i] * 0.8) * (x[i] * x[i] + x[i]);
+        y1[i] = 1 - qExp(-x[i] * x[i] * 0.4) * (x[i] * x[i]) * 0.1;
+    }
+
+    // pass data points to graphs:
+    ui->customPlot->graph(0)->setData(x, y0);
+    ui->customPlot->graph(1)->setData(x, y1);
+    // activate top and right axes, which are invisible by default:
+    ui->customPlot->xAxis2->setVisible(true);
+    ui->customPlot->yAxis2->setVisible(true);
+    // make tick labels invisible on top and right axis:
+    ui->customPlot->xAxis2->setTickLabels(false);
+    ui->customPlot->yAxis2->setTickLabels(false);
+    // set ranges:
+    ui->customPlot->xAxis->setRange(0, 2.5);
+    ui->customPlot->yAxis->setRange(0.9, 1.6);
+    // assign top/right axes same properties as bottom/left:
+    ui->customPlot->axisRect()->setupFullAxesBox();
+    ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
+}
--- a/third/qcustomplotdemo/frmexample/frmtexturebrush.h
+++ b/third/qcustomplotdemo/frmexample/frmtexturebrush.h
@@ -0,0 +1,25 @@
+#ifndef FRMTEXTUREBRUSH_H
+#define FRMTEXTUREBRUSH_H
+
+#include <QWidget>
+
+namespace Ui {
+class frmTextureBrush;
+}
+
+class frmTextureBrush : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmTextureBrush(QWidget *parent = 0);
+    ~frmTextureBrush();
+
+private:
+    Ui::frmTextureBrush *ui;
+
+private slots:
+    void initForm();
+};
+
+#endif // FRMTEXTUREBRUSH_H
--- a/third/qcustomplotdemo/frmexample/frmtexturebrush.ui
+++ b/third/qcustomplotdemo/frmexample/frmtexturebrush.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmTextureBrush</class>
+ <widget class="QWidget" name="frmTextureBrush">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header location="global">qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/third/qcustomplotdemo/frmexample2/axistag.cpp
+++ b/third/qcustomplotdemo/frmexample2/axistag.cpp
@@ -0,0 +1,112 @@
+/***************************************************************************
+**                                                                        **
+**  QCustomPlot, an easy to use, modern plotting widget for Qt            **
+**  Copyright (C) 2011-2021 Emanuel Eichhammer                            **
+**                                                                        **
+**  This program is free software: you can redistribute it and/or modify  **
+**  it under the terms of the GNU General Public License as published by  **
+**  the Free Software Foundation, either version 3 of the License, or     **
+**  (at your option) any later version.                                   **
+**                                                                        **
+**  This program is distributed in the hope that it will be useful,       **
+**  but WITHOUT ANY WARRANTY; without even the implied warranty of        **
+**  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the         **
+**  GNU General Public License for more details.                          **
+**                                                                        **
+**  You should have received a copy of the GNU General Public License     **
+**  along with this program.  If not, see http://www.gnu.org/licenses/.   **
+**                                                                        **
+****************************************************************************
+**           Author: Emanuel Eichhammer                                   **
+**  Website/Contact: http://www.qcustomplot.com/                          **
+**             Date: 29.03.21                                             **
+**          Version: 2.1.0                                                **
+****************************************************************************/
+
+#include "axistag.h"
+
+AxisTag::AxisTag(QCPAxis *parentAxis) :
+    QObject(parentAxis),
+    mAxis(parentAxis)
+{
+    // The dummy tracer serves here as an invisible anchor which always sticks to the right side of
+    // the axis rect
+    mDummyTracer = new QCPItemTracer(mAxis->parentPlot());
+    mDummyTracer->setVisible(false);
+    mDummyTracer->position->setTypeX(QCPItemPosition::ptAxisRectRatio);
+    mDummyTracer->position->setTypeY(QCPItemPosition::ptPlotCoords);
+    mDummyTracer->position->setAxisRect(mAxis->axisRect());
+    mDummyTracer->position->setAxes(0, mAxis);
+    mDummyTracer->position->setCoords(1, 0);
+
+    // the arrow end (head) is set to move along with the dummy tracer by setting it as its parent
+    // anchor. Its coordinate system (setCoords) is thus pixels, and this is how the needed horizontal
+    // offset for the tag of the second y axis is achieved. This horizontal offset gets dynamically
+    // updated in AxisTag::updatePosition. the arrow "start" is simply set to have the "end" as parent
+    // anchor. It is given a horizontal offset to the right, which results in a 15 pixel long arrow.
+    mArrow = new QCPItemLine(mAxis->parentPlot());
+    mArrow->setLayer("overlay");
+    mArrow->setClipToAxisRect(false);
+    mArrow->setHead(QCPLineEnding::esSpikeArrow);
+    mArrow->end->setParentAnchor(mDummyTracer->position);
+    mArrow->start->setParentAnchor(mArrow->end);
+    mArrow->start->setCoords(15, 0);
+
+    // The text label is anchored at the arrow start (tail) and has its "position" aligned at the
+    // left, and vertically centered to the text label box.
+    mLabel = new QCPItemText(mAxis->parentPlot());
+    mLabel->setLayer("overlay");
+    mLabel->setClipToAxisRect(false);
+    mLabel->setPadding(QMargins(3, 0, 3, 0));
+    mLabel->setBrush(QBrush(Qt::white));
+    mLabel->setPen(QPen(Qt::blue));
+    mLabel->setPositionAlignment(Qt::AlignLeft | Qt::AlignVCenter);
+    mLabel->position->setParentAnchor(mArrow->start);
+}
+
+AxisTag::~AxisTag()
+{
+    if (mDummyTracer) {
+        mDummyTracer->parentPlot()->removeItem(mDummyTracer);
+    }
+    if (mArrow) {
+        mArrow->parentPlot()->removeItem(mArrow);
+    }
+    if (mLabel) {
+        mLabel->parentPlot()->removeItem(mLabel);
+    }
+}
+
+void AxisTag::setPen(const QPen &pen)
+{
+    mArrow->setPen(pen);
+    mLabel->setPen(pen);
+}
+
+void AxisTag::setBrush(const QBrush &brush)
+{
+    mLabel->setBrush(brush);
+}
+
+void AxisTag::setText(const QString &text)
+{
+    mLabel->setText(text);
+}
+
+void AxisTag::updatePosition(double value)
+{
+    // since both the arrow and the text label are chained to the dummy tracer (via anchor
+    // parent-child relationships) it is sufficient to update the dummy tracer coordinates. The
+    // Horizontal coordinate type was set to ptAxisRectRatio so to keep it aligned at the right side
+    // of the axis rect, it is always kept at 1. The vertical coordinate type was set to
+    // ptPlotCoordinates of the passed parent axis, so the vertical coordinate is set to the new
+    // value.
+    mDummyTracer->position->setCoords(1, value);
+
+    // We want the arrow head to be at the same horizontal position as the axis backbone, even if
+    // the axis has a certain offset from the axis rect border (like the added second y axis). Thus we
+    // set the horizontal pixel position of the arrow end (head) to the axis offset (the pixel
+    // distance to the axis rect border). This works because the parent anchor of the arrow end is
+    // the dummy tracer, which, as described earlier, is tied to the right axis rect border.
+    mArrow->end->setCoords(mAxis->offset(), 0);
+}
--- a/third/qcustomplotdemo/frmexample2/axistag.h
+++ b/third/qcustomplotdemo/frmexample2/axistag.h
@@ -0,0 +1,60 @@
+/***************************************************************************
+**                                                                        **
+**  QCustomPlot, an easy to use, modern plotting widget for Qt            **
+**  Copyright (C) 2011-2021 Emanuel Eichhammer                            **
+**                                                                        **
+**  This program is free software: you can redistribute it and/or modify  **
+**  it under the terms of the GNU General Public License as published by  **
+**  the Free Software Foundation, either version 3 of the License, or     **
+**  (at your option) any later version.                                   **
+**                                                                        **
+**  This program is distributed in the hope that it will be useful,       **
+**  but WITHOUT ANY WARRANTY; without even the implied warranty of        **
+**  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the         **
+**  GNU General Public License for more details.                          **
+**                                                                        **
+**  You should have received a copy of the GNU General Public License     **
+**  along with this program.  If not, see http://www.gnu.org/licenses/.   **
+**                                                                        **
+****************************************************************************
+**           Author: Emanuel Eichhammer                                   **
+**  Website/Contact: http://www.qcustomplot.com/                          **
+**             Date: 29.03.21                                             **
+**          Version: 2.1.0                                                **
+****************************************************************************/
+
+#ifndef AXISTAG_H
+#define AXISTAG_H
+
+#include <QObject>
+#include "qcustomplot.h"
+
+class AxisTag : public QObject
+{
+  Q_OBJECT
+public:
+  explicit AxisTag(QCPAxis *parentAxis);
+  virtual ~AxisTag();
+  
+  // setters:
+  void setPen(const QPen &pen);
+  void setBrush(const QBrush &brush);
+  void setText(const QString &text);
+  
+  // getters:
+  QPen pen() const { return mLabel->pen(); }
+  QBrush brush() const { return mLabel->brush(); }
+  QString text() const { return mLabel->text(); }
+  
+  // other methods:
+  void updatePosition(double value);
+  
+protected:
+  QCPAxis *mAxis;
+  QPointer<QCPItemTracer> mDummyTracer;
+  QPointer<QCPItemLine> mArrow;
+  QPointer<QCPItemText> mLabel;
+};
+
+
+#endif // AXISTAG_H
--- a/third/qcustomplotdemo/frmexample2/frmaxistag.cpp
+++ b/third/qcustomplotdemo/frmexample2/frmaxistag.cpp
@@ -0,0 +1,67 @@
+#include "frmaxistag.h"
+#include "ui_frmaxistag.h"
+#include "qdebug.h"
+
+frmAxisTag::frmAxisTag(QWidget *parent) : QWidget(parent), ui(new Ui::frmAxisTag)
+{
+    ui->setupUi(this);
+    this->initForm();
+}
+
+frmAxisTag::~frmAxisTag()
+{
+    delete ui;
+}
+
+void frmAxisTag::initForm()
+{
+    mPlot = ui->customPlot;
+
+    // configure plot to have two right axes:
+    mPlot->yAxis->setTickLabels(false);
+    connect(mPlot->yAxis2, SIGNAL(rangeChanged(QCPRange)), mPlot->yAxis, SLOT(setRange(QCPRange))); // left axis only mirrors inner right axis
+    mPlot->yAxis2->setVisible(true);
+    mPlot->axisRect()->addAxis(QCPAxis::atRight);
+    mPlot->axisRect()->axis(QCPAxis::atRight, 0)->setPadding(30); // add some padding to have space for tags
+    mPlot->axisRect()->axis(QCPAxis::atRight, 1)->setPadding(30); // add some padding to have space for tags
+
+    // create graphs:
+    mGraph1 = mPlot->addGraph(mPlot->xAxis, mPlot->axisRect()->axis(QCPAxis::atRight, 0));
+    mGraph2 = mPlot->addGraph(mPlot->xAxis, mPlot->axisRect()->axis(QCPAxis::atRight, 1));
+    mGraph1->setPen(QPen(QColor(250, 120, 0)));
+    mGraph2->setPen(QPen(QColor(0, 180, 60)));
+
+    // create tags with newly introduced AxisTag class (see axistag.h/.cpp):
+    mTag1 = new AxisTag(mGraph1->valueAxis());
+    mTag1->setPen(mGraph1->pen());
+    mTag2 = new AxisTag(mGraph2->valueAxis());
+    mTag2->setPen(mGraph2->pen());
+
+    connect(&mDataTimer, SIGNAL(timeout()), this, SLOT(timerSlot()));
+    mDataTimer.start(40);
+}
+
+void frmAxisTag::timerSlot()
+{
+    // calculate and add a new data point to each graph:
+    int count1 = mGraph1->dataCount();
+    mGraph1->addData(count1, qSin(count1 / 50.0) + qSin(count1 / 50.0 / 0.3843) * 0.25);
+    int count2 = mGraph2->dataCount();
+    mGraph2->addData(count2, qCos(count2 / 50.0) + qSin(count2 / 50.0 / 0.4364) * 0.15);
+
+    // make key axis range scroll with the data:
+    mPlot->xAxis->rescale();
+    mGraph1->rescaleValueAxis(false, true);
+    mGraph2->rescaleValueAxis(false, true);
+    mPlot->xAxis->setRange(mPlot->xAxis->range().upper, 100, Qt::AlignRight);
+
+    // update the vertical axis tag positions and texts to match the rightmost data point of the graphs:
+    double graph1Value = mGraph1->dataMainValue(mGraph1->dataCount() - 1);
+    double graph2Value = mGraph2->dataMainValue(mGraph2->dataCount() - 1);
+    mTag1->updatePosition(graph1Value);
+    mTag2->updatePosition(graph2Value);
+    mTag1->setText(QString::number(graph1Value, 'f', 2));
+    mTag2->setText(QString::number(graph2Value, 'f', 2));
+
+    mPlot->replot();
+}
--- a/third/qcustomplotdemo/frmexample2/frmaxistag.h
+++ b/third/qcustomplotdemo/frmexample2/frmaxistag.h
@@ -0,0 +1,34 @@
+#ifndef FRMAXISTAG_H
+#define FRMAXISTAG_H
+
+#include <QWidget>
+#include "qcustomplot.h"
+#include "axistag.h"
+
+namespace Ui {
+class frmAxisTag;
+}
+
+class frmAxisTag : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit frmAxisTag(QWidget *parent = 0);
+    ~frmAxisTag();
+
+private:
+    Ui::frmAxisTag *ui;
+    QCustomPlot *mPlot;
+    QPointer<QCPGraph> mGraph1;
+    QPointer<QCPGraph> mGraph2;
+    AxisTag *mTag1;
+    AxisTag *mTag2;
+    QTimer mDataTimer;
+
+private slots:
+    void initForm();
+    void timerSlot();
+};
+
+#endif // FRMAXISTAG_H
--- a/third/qcustomplotdemo/frmexample2/frmaxistag.ui
+++ b/third/qcustomplotdemo/frmexample2/frmaxistag.ui
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>frmAxisTag</class>
+ <widget class="QWidget" name="frmAxisTag">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QCustomPlot" name="customPlot" native="true"/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QCustomPlot</class>
+   <extends>QWidget</extends>
+   <header>qcustomplot.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
--- a/Show More
+++ b/Show More
				`@@ -0,0 +1 @@`
				00 00 06 35 09 6E 0A 76 09 C2 09 03 07 BF 06 B5 05 59 04 51 03 74 03 30 03 2A 03 3A 03 52 03 63 03 77 03 86 03 96 03 A0 03 AC 03 B4 03 BE 03 C6 03 CB 03 CD 03 D1 03 D1 03 D1 03 D3 03 D7 03 D9 03 DB 03 DB 03 DD 03 DF 03 E3 03 E5 03 E6 03 E4 03 E4 03 E4 03 E5 03 E5 03 E4 03 E4 03 E6 03 E5 03 E1 03 DC 03 D6 03 D4 03 D2 03 D1 03 D0 03 D1 03 D2 03 D3 03 D5 03 D9 03 DF 03 E6 03 F4 04 05 04 21 04 39 04 5D 04 7A 04 A5 04 CB 05 01 05 30 05 6E 05 A1 05 E6 06 1D 06 68 06 9F 06 D8 06 F7 07 14 07 27 07 43 07 5B 07 7A 07 94 07 B2 07 C9 07 E0 07 EF 08 03 08 11 08 21 08 30 08 41 08 4D 08 5E 08 6C 08 7C 08 8A 08 9B 08 A8 08 B7 08 C3 08 D0 08 DB 08 EA 08 F8 09 05 09 0F 09 19 09 22 09 2F 09 3B 09 45 09 4C 09 55 09 61 09 6D 09 76 09 83 09 8E 09 9C 09 A6 09 B1 09 B9 09 C8 09 D2 09 E0 09 EC 09 F6 0A 01 0A 0F 0A 19 0A 24 0A 2E 0A 3A 0A 43 0A 55 0A 61 0A 53 0A 67 0A 83 0A 91 0A 98 0A A0 0A B2 0A BF 0A D2 0A E8 0A F9 0B 05 0B 14 0B 20 0B 30 0B 3C 0B 4B 0B 59 0B 68 0B 77 0B 87 0B 93 0B A1 0B AE 0B BF 0B CD 0B DB 0B E5 0B F4 0C 00 0C 0F 0C 19 0C 25 0C 34 0C 40 0C 49 0C 56 0C 62 0C 6D 0C 75 0C 81 0C 8B 0C 98 0C A2 0C AD 0C B5 0C C4 0C D0 0C DA 0C E1 0C ED 0C FA 0D 07 0D 11 0D 1A 0D 22 0D 2F 0D 36 0D 41 0D 4A 0D 58 0D 63 0D 70 0D 7C 0D 8E 0D 9E 0D B4 0D C8 0D E3 0D F7 0E 0F 0E 24 0E 3F 0E 55 0E 71 0E 87 0E 9F 0E B3 0E CC 0E E0 0E FC 0F 10 0F 28 0F 41 0F 60 0F 78 0F 96 0F B1 0F CE 0F EA 10 0B 10 27 10 4A 10 63 10 83 10 9B 10 B8 10 CD 10 E3 10 BF 10 40 0F C2 0F 24 0E B2 0E 2E 0D D4 0D 7C 0D 52 0D 44 0D 5A 0D 71 0D 7F 0D 9F 0D C5 0D EF 0E 01 0E 12 0E 1C 0E 1D 0E 1C 0E 1A 0E 14 0E 05 0D F6 0D E5 0D DF 0D D9 0D D5 0D CE 0D C5 0D C0 0D C0 0D BB 0D B5 0D A8 0D A2 0D 9C 0D 95 0D 8C 0D 84 0D 75 0D 69 0D 5C 0D 51 0D 3C 0D 2A 0D 10 0D 00 0C EC 0C DD 0C C2 0C AB 0C 99 0C 8D 0C 7D 0C 6D 0C 57 0C 49 0C 3C 0C 31 0C 1D 0C 07 0B F0 0B E4 0B D0 0B BE 0B A7 0B 94 0B 7B 0B 6C 0B 59 0B 43 0B 26 0B 15 0B 03 0A F2 0A DB 0A B7 0A 94 0A 82 0A 6B 0A 52 0A 2F 0A 14 09 F7 09 DF 09 C2 09 A6 09 83 09 6F 09 55 09 3F 09 23 09 0E 08 F2 08 DB 08 C4 08 B1 08 96 08 7F 08 65 08 51 08 3B 08 22 08 01 07 EF 07 D8 07 C6 07 AA 07 93 07 7C 07 6E 07 5A 07 43 07 23 07 0A 06 F1 06 DB 06 BE 06 A6 06 86 06 6B 06 49 06 2F 06 14 05 F9 05 D4 05 BB 05 A0 05 8B 05 6C 05 50 05 30 05 1C 05 02 04 E9 04 C9 04 B0 04 98 04 86 04 6B 04 55 04 39 04 26 04 14 04 07 03 EE 03 D8 03 C0 03 B5 03 A9 03 9A 03 7D 03 68 03 51 03 42 03 31 03 20 03 07 02 F0 02 D8 02 C6 02 AA 02 90 02 68 02 45 02 1F 02 1F 01 D3 01 AE 01 8A 01 68 01 39 01 1B 01 01 00 EA 00 CE 00 BE 00 B1 00 A7 00 99 00 93 00 90 00 8E 00 8E 00 8E 00 90 00 92 00 91 00 91 00 92 00 92 00 90 00 91 00 92 00 93 00 92 00 91 00 91 00 92 00 91 00 91 00 91 00 90 00 91 00 91 00 91 00 91 00 92 00 92 00 91 00 91 00 90 00 90 00 91 00 92 00 92 00 92 00 91 00 90 00 92 00 91 00 91 00 92 00 92 00 92 00 92 00 91 00 91 00 90 00 90 00 92 00 90 00 91 00 92 00 92 00 91 00 91 00 92 00 92 00 92 00 92 00 91 00 91 00 92 00 91 00 91 00 91 00 92 00 92 00 92 00 92 00 91 00 91 00 91 00 91 00 92 00 92 00 92 00 92 00 92 00 92 00 91 00 90 00 8F 00 90 00 91 00 91 00 91 00 91 00 91 00 92 00 92 00 92 00 92 00 92 00 92 00 92 00 91 00 90 00 92 00 90 00 90 00 92 00 92 00 91 00
				`@@ -0,0 +1 @@`
				00 00 05 4D 07 E2 09 44 08 C6 07 FC 07 16 05 F4 05 05 03 E0 03 23 02 A3 02 9E 02 B3 02 B9 02 CE 02 DE 02 EF 02 FB 03 09 03 10 03 19 03 1E 03 23 03 28 03 29 03 29 03 2C 03 2C 03 2C 03 2E 03 31 03 31 03 32 03 31 03 32 03 30 03 2F 03 31 03 33 03 33 03 33 03 32 03 33 03 33 03 32 03 31 03 2F 03 2A 03 23 03 20 03 1F 03 1F 03 22 03 24 03 22 03 23 03 27 03 2B 03 32 03 39 03 47 03 55 03 6F 03 89 03 AF 03 D0 03 FF 04 2C 04 69 04 9D 04 E3 05 1E 05 61 05 9A 05 E1 06 1B 06 6A 06 A8 06 EE 07 18 07 41 07 5D 07 83 07 A3 07 CC 07 EA 08 0F 08 2A 08 4E 08 65 08 84 08 99 08 B0 08 C0 08 D8 08 E8 08 FB 09 09 09 1B 09 28 09 37 09 42 09 53 09 5D 09 68 09 72 09 80 09 8E 09 99 09 A2 09 AD 09 B7 09 C4 09 CE 09 DA 09 E4 09 F3 0A 00 0A 0E 0A 16 0A 20 0A 28 0A 35 0A 40 0A 4E 0A 57 0A 61 0A 69 0A 75 0A 7C 0A 96 0A A3 0A B6 0A C5 0A B8 0A C6 0A E0 0A ED 0A F6 0A FF 0B 0B 0B 16 0B 22 0B 2B 0B 33 0B 3C 0B 4A 0B 56 0B 65 0B 72 0B 81 0B 8F 0B 9E 0B AA 0B BC 0B C8 0B D8 0B E3 0B F1 0B FB 0C 08 0C 13 0C 23 0C 31 0C 41 0C 4E 0C 60 0C 6F 0C 7E 0C 88 0C 97 0C A5 0C B3 0C BD 0C C9 0C D5 0C E9 0C FA 0D 0E 0D 1A 0D 2C 0D 3A 0D 4A 0D 58 0D 69 0D 79 0D 89 0D 97 0D AA 0D B8 0D CE 0D DF 0D F3 0D FF 0E 13 0E 23 0E 34 0E 42 0E 55 0E 64 0E 79 0E 86 0E 98 0E A5 0E B7 0E C8 0E DD 0E ED 0E FF 0F 0B 0F 1B 0F 27 0F 33 0F 3D 0F 49 0F 54 0F 5F 0F 67 0F 6F 0F 77 0F 84 0F 8B 0F 93 0F 9C 0F A7 0F AE 0F B8 0F BF 0F C9 0F D0 0F D6 0F DF 0F E9 0F F2 0F FE 10 09 10 1A 10 27 10 35 10 41 10 4B 10 55 10 61 10 6C 10 7A 10 85 10 95 10 A4 10 B5 10 C6 10 D3 10 C6 10 5E 0F DD 0F 28 0E 9F 0E 09 0D 9A 0D 1A 0C BE 0C 69 0C 44 0C 64 0C 99 0C BB 0C CA 0C E8 0D 10 0D 33 0D 3A 0D 32 0D 2D 0D 1D 0D 08 0C E7 0C CD 0C AE 0C 97 0C 78 0C 63 0C 56 0C 4D 0C 3F 0C 33 0C 20 0C 12 0C 03 0B F7 0B DC 0B C6 0B B2 0B A2 0B 8D 0B 7B 0B 60 0B 52 0B 4A 0B 43 0B 32 0B 1A 0B 08 0B 03 0A FA 0A EE 0A DB 0A BD 0A B8 0A BC 0A C1 0A CA 0A A4 0A 99 0A 93 0A 8E 0A 7C 0A 5E 0A 4F 0A 4A 0A 3F 0A 31 0A 1B 0A 0B 09 FC 09 F4 09 E6 09 D4 09 BE 09 B1 09 A1 09 96 09 83 09 6F 09 57 09 49 09 3A 09 2A 09 11 08 FA 08 E5 08 D9 08 C4 08 B2 08 95 08 7E 08 6A 08 5B 08 45 08 2B 08 11 08 01 07 EE 07 DE 07 C1 07 A7 07 93 07 85 07 73 07 64 07 47 07 35 07 25 07 1A 07 06 06 F3 06 DD 06 D0 06 C4 06 B9 06 A7 06 96 06 86 06 7E 06 75 06 66 06 4E 06 3E 06 32 06 2A 06 19 06 08 05 F3 05 E6 05 DB 05 D0 05 BE 05 AC 05 96 05 8B 05 7E 05 72 05 5B 05 47 05 36 05 2B 05 1B 05 09 04 F1 04 E1 04 D2 04 C6 04 B2 04 9E 04 8A 04 7D 04 71 04 64 04 4B 04 38 04 21 04 13 04 01 03 F5 03 DB 03 C9 03 B3 03 A7 03 99 03 89 03 6F 03 59 03 35 03 35 03 23 03 0B 02 EA 02 D9 02 C2 02 A5 02 B8 02 A4 02 97 02 92 02 8A 02 88 02 86 02 86 02 86 02 86 02 85 02 83 02 83 02 81 02 80 02 80 02 7D 02 7B 02 7A 02 78 02 77 02 75 02 74 02 74 02 74 02 72 02 71 02 71 02 70 02 70 02 6F 02 6F 02 70 02 70 02 6F 02 6F 02 6F 02 6F 02 6F 02 70 02 70 02 70 02 71 02 71 02 72 02 72 02 74 02 76 02 74 02 74 02 74 02 75 02 75 02 75 02 75 02 75 02 76 02 76 02 76 02 76 02 75 02 75 02 76 02 77 02 74 02 74 02 74 02 76 02 75 02 74 02 74 02 76 02 75 02 74 02 74 02 76 02 76 02 75 02 75 02 75 02 74 02 75 02 75 02 74 02 76 02 76 02 75 02 75 02 75 02 75 02 76 02 76 02 75 02 75 02 74 02 74 02 75 02 75 02 74 02 74 02 74 02 74 02 75 02 75 02 76 02 75 02 74 02 74 02 74 02 74 02
				`@@ -0,0 +1 @@`
				00 08 00 27 00 36 00 56 00 68 00 68 00 6C 00 D7 01 6A 01 EB 02 4E 02 89 02 AE 02 DB 03 0F 03 3A 03 63 03 8B 03 BB 03 EA 04 15 04 34 04 50 04 65 04 7D 04 A2 04 BF 04 D5 04 EB 05 03 05 16 05 27 05 3D 05 49 05 4D 05 58 05 72 05 99 05 B3 05 BC 05 CB 05 F2 06 12 06 2E 06 3F 06 54 06 76 06 A0 06 C0 06 C2 06 BB 06 C6 06 F4 07 27 07 52 07 69 07 76 07 7C 07 9B 07 C0 07 E2 08 11 08 38 08 47 08 77 08 8F 08 B1 09 0A 08 F8 08 C6 08 E9 09 30 09 65 09 72 09 6B 09 6D 09 A5 09 F3 0A 11 0A 1D 0A 3A 0A 51 0A 6D 0A 95 0A C3 0A EC 0B 06 0B 15 0B 2A 0B 42 0B 54 0B 86 0B C7 0B FB 0C 08 0C 1D 0C 3E 0C 65 0C 7D 0C 75 0C 90 0C DE 0D 1A 0D 17 0D 15 0D 4D 0D 9E 0D E5 0E 10 0E 16 0E 19 0E 40 0E 6C 0E 86 0E A5 0E D0 0E F1 0F 01 0F 1C 0F 42 0F 5F 0F 89 0F A0 0F A2 0F B5 0F DC 0F F8 10 0B 10 23 10 43 10 5E 10 74 10 85 10 9B 10 BA 10 D8 10 F7 11 12 11 22 11 26 11 1F 11 2A 11 3B 11 40 11 49 11 60 11 6D 11 68 11 68 11 7C 11 9A 11 A6 11 A5 11 B9 11 DB 11 EB 11 F2 11 FF 12 1A 12 32 12 39 12 4A 12 80 12 94 12 A2 12 C9 12 F9 13 1E 13 2C 13 3A 13 4A 13 56 13 7D 13 B1 13 CA 13 E2 14 09 14 36 14 64 14 95 14 BF 14 87 12 8F 0D 98 09 93 08 2F 08 65 08 CD 08 93 07 B4 06 E9 06 C0 08 17 0A EF 0C 1E 0A CF 09 97 0A 3A 0B C7 0C 6E 0C 29 0C 30 0C A6 0C D3 0C C0 0C AB 0C 84 0C 6C 0C 26 0B B9 0B BB 0B E9 0B DB 0B A6 0B 5E 0B 40 0B 65 0B 9E 0B 71 0A F7 0A D2 0A FB 0B 09 0A EC 0A 85 0A 4C 0A 81 0A EA 0A DD 0A 21 09 9F 09 E3 0A 64 0A 71 0A 12 09 B8 09 BB 0A 0B 0A 60 0A 52 0A 08 09 C8 09 B5 0A 0B 0A 25 09 B8 09 56 09 78 09 CC 09 B2 09 3A 08 C0 08 CC 09 20 09 46 09 05 08 76 08 36 08 5D 08 88 08 86 08 44 07 C4 07 A1 07 E7 08 12 07 CA 07 55 07 2F 07 40 07 60 07 5B 07 0C 06 B3 06 A9 06 D0 06 D9 06 7C 06 22 06 23 06 5A 06 69 06 0D 05 7E 05 55 05 75 05 93 05 72 05 14 04 BC 04 AF 04 C8 04 CB 04 88 04 3D 04 28 04 3B 04 40 04 25 03 EC 03 C8 03 CE 03 E7 03 D4 03 82 03 51 03 55 03 77 03 85 03 4D 03 0D 03 01 03 10 03 18 03 0B 02 D8 02 A8 02 9D 02 A9 02 AD 02 7B 02 4C 02 38 02 3B 02 3D 02 1A 01 F5 01 D9 01 CF 01 D3 01 C2 01 9B 01 84 01 7D 01 7E 01 7B 01 5D 01 3A 01 1C 01 0C 01 06 00 FE 00 E5 00 C9 00 B3 00 A5 00 9C 00 8F 00 76 00 5D 00 4C 00 42 00 30 00 1D 00 18 00 16 00 17 00 16 00 14 00 16 00 1A 00 18 00 18 00 1A 00 1E 00 28 00 30 00 33 00 33 00 35 00 35 00 35 00 35 00 35 00 34 00 33 00 33 00 32 00 32 00 32 00 32 00 32 00 32 00 32 00 34 00 32 00 31 00 30 00 30 00 2F 00 2D 00 2B 00 2A 00 29 00 27 00 25 00 21 00 1D 00 19 00 15 00 11 00 0B 00 08 00 05 00 02 FF FF FF FF FF FF 00 00 FF FD 00 00 00 01 00 01 FF FE FF FF FF FE FF FC FF FF 00 01 00 01 00 00 FF FD FF FF 00 00 00 00 00 01 00 01 00 02 00 02 00 02 00 01 00 01 00 01 FF FF 00 02 00 02 00 00 00 00 00 00 00 01 00 03 00 03 00 03 00 04 00 04 00 04 00 02 00 03 00 05 00 02 00 04 00 06 00 07 00 04 00 05 00 04 00