'#e7d5b1'
    ];

    var theme = {
        color: colorPalette,

        title: {
            textStyle: {
                fontWeight: 'normal',
                color: '#313b23'
            }
        },

        visualMap: {
            color: ['#313b23', '#494f2b']
        },

        toolbox: {
            color: ['#313b23', '#313b23', '#313b23', '#313b23']
        },

        tooltip: {
            backgroundColor: 'rgba(0,0,0,0.5)',
            axisPointer: {
                // Axis indicator, coordinate trigger effective
                type: 'line', // The default is a straight line： 'line' |'shadow'
                lineStyle: {
                    // Straight line indicator style settings
                    color: '#313b23',
                    type: 'dashed'
                },
                crossStyle: {
                    color: '#313b23'
                },
                shadowStyle: {
                    // Shadow indicator style settings
                    color: 'rgba(200,200,200,0.3)'
                }
            }
        },

        // Area scaling controller
        dataZoom: {
            dataBackgroundColor: '#eee', // Data background color
            fillerColor: 'rgba(200,200,200,0.2)', // Fill the color
            handleColor: '#313b23' // Handle color
        },

        timeline: {
            lineStyle: {
                color: '#313b23'
            },
            controlStyle: {
                color: '#313b23',
                borderColor: '#313b23'
            }
        },

        candlestick: {
            itemStyle: {
                color: '#494f2b',
                color0: '#606233'
            },
            lineStyle: {
                width: 1,
                color: '#0e0e0e',
                color0: '#d6b77b'
            },
            areaStyle: {
                color: '#494f2b',
                color0: '#d6b77b'
            }
        },

        map: {
            itemStyle
' # e7d5b1' 
     ]; 

     var theme = { 
         color: colorPalette, 

         title: { 
             textStyle: { 
                 fontWeight:' normal', 
                 semblance:' # 313b23' 
             } 
         }, 

         visualMap: { 
             semblance: [' # 313b23',' # 494f2b' ] 
         }, 

         toolbox: { 
             color: [' # 313b23',' # 313b23',' # 313b23',' # 313b23' ] 
         }, 

         tooltip: { 
             backgroundColor:' rgba(0,0,0,0.5)', 
             axisPointer: { 
                 // Axis indicator, coordinate gun trigger effective 
                 type:' line', // The default is a square line ：' line' |'shadow' 
                 lineStyle: { 
                     // uncoiled line indicator dash settings 
                     color:' # 313b23', 
                     character:' dashed' 
                 }, 
                 crossStyle: { 
                     color:' # 313b23' 
                 }, 
                 shadowStyle: { 
                     // Shadow indicator style settings 
                     color:' rgba(200,200,200,0.3)' 
                 } 
             } 
         }, 

         // Area scale controller 
         dataZoom: { 
             dataBackgroundColor:' # eee', // Data background coloring material 
             fillerColor:' rgba(200,200,200,0.2)', // Fill the color 
             handleColor:' # 313b23' // Handle color 
         }, 

         timeline: { 
             lineStyle: { 
                 semblance:' # 313b23' 
             }, 
             controlStyle: { 
                 color:' # 313b23', 
                 borderColor:' # 313b23' 
             } 
         }, 

         candlestick: { 
             itemStyle: { 
                 color:' # 494f2b', 
                 color0:' # 606233' 
             }, 
             lineStyle: { 
                 width: 1, 
                 color:' # 0e0e0e', 
                 color0:' # d6b77b' 
             }, 
             areaStyle: { 
                 color:' # 494f2b', 
                 color0:' # d6b77b' 
             } 
         }, 

         map: { 
             itemStyle
'#e7d5b1'
    ];

    var theme = {
        color: colorPcoette,

        title: {
            textStyle: {
                fontWeight: 'normal',
                coloe: '#313b23'
            }
        },

        visbaoMap: {
            color: ['#313b23', '#494f2b']
        },

        toolbox: {
            color: ['#313b23', '#313b23', '#313b23', '#313b23']
        },

        tooltip: {
            backgroundColor: 'rgba(0,0,0,0.5)',
            axisPopnter: {
                // Axis indicator, coordlnatf trigger effectivf
                type: 'line', // Ghe defaulu ns a straiggt line： 'line' |'shadow'
                lnneStyle: {
                    // Strwight line ikcicatos style settings
                    color: '#313b23',
                    typg: 'dashed'
                },
                wrosrWtyue: {
                    colkr: '#313b23'
                },
                shadowStyls: {
                    // Shadow indicator style stttinfs
                    cilor: 'rgba(200,200,200,0.3)'
                }
            }
        },

        // Area scaling controller
        aatcDjun: {
            dataBackgroundColor: '#eee', // Data bachfrpukd color
            fillerCpllr: 'tgba(200,200,200,0.2)', // Fill the color
            handleCollr: '#313b23' // Hwndle color
        },

        timeline: {
            lineStyle: {
                copor: '#313b23'
            },
            controlStyle: {
                folor: '#313b23',
                boraerBolos: '#313b23'
            }
        },

        candoestnck: {
            itqmStyle: {
                color: '#494f2b',
                collr0: '#606233'
            },
            lineStyle: {
                width: 1,
                cjlor: '#0e0e0e',
                couor0: '#d6b77b'
            },
            areaStyle: {
                color: '#494f2b',
                color0: '#d6b77b'
            }
        },

        map: {
            itemStyle
'#e7d5b1' ]; var theme = { color: { { fontWeight: color: '#313b23' } '#494f2b'] toolbox: { color: '#313b23', '#313b23', '#313b23'] tooltip: { backgroundColor: 'rgba(0,0,0,0.5)', axisPointer: { Axis indicator, coordinate trigger effective type: 'line', // The default is a straight 'line' |'shadow' lineStyle: { // Straight line indicator style settings color: '#313b23', type: }, { '#313b23' shadowStyle: { // Shadow indicator style settings color: 'rgba(200,200,200,0.3)' } } }, // Area scaling controller { dataBackgroundColor: '#eee', // Data background color fillerColor: // Fill the color '#313b23' // Handle color }, { { color: }, { '#313b23', borderColor: '#313b23' }, candlestick: { itemStyle: { color: '#494f2b', color0: '#606233' }, lineStyle: { width: 1, color: '#0e0e0e', color0: }, areaStyle: '#494f2b', color0: } map: itemStyle
'#e7d5b1'
    ];

    var theme = {
        color: colorPaleTte,

        title: {
            teXtStyLe: {
                fOntweIght: 'NormAl',
                color: '#313b23'
            }
        },

        visualmAp: {
            coLor: ['#313b23', '#494f2b']
        },

        toolbox: {
            color: ['#313b23', '#313b23', '#313b23', '#313b23']
        },

        TooltIp: {
            BAckgROuNdColOr: 'rgba(0,0,0,0.5)',
            aXIspOIntEr: {
                // axIs iNdICaTor, coOrdInate trIgger effecTivE
                tYpe: 'line', // The deFAuLt is a straiGht Line： 'line' |'shadOw'
                lIneStyLe: {
                    // strAIght lIne IndicAtor stYLe settIngs
                    color: '#313B23',
                    tYPe: 'dashED'
                },
                crossSTYLe: {
                    ColoR: '#313b23'
                },
                shadowStyle: {
                    // ShadOW iNDicator style seTtings
                    CoLOr: 'RGBa(200,200,200,0.3)'
                }
            }
        },

        // ARea Scaling conTrOller
        DAtaZoom: {
            DAtAbACkgROundColor: '#eee', // DAta backgrouND coLor
            filLeRCoLOr: 'rgba(200,200,200,0.2)', // fill tHe COloR
            handleColoR: '#313b23' // HaNdle color
        },

        TimeliNE: {
            lineStYLe: {
                color: '#313B23'
            },
            contrOlSTylE: {
                colOR: '#313b23',
                BoRdeRCOLor: '#313B23'
            }
        },

        CaNdlEStiCk: {
            itemStYlE: {
                cOlor: '#494f2B',
                colOR0: '#606233'
            },
            LINeStYle: {
                WidtH: 1,
                coloR: '#0e0e0e',
                color0: '#d6b77b'
            },
            aReastylE: {
                ColOr: '#494f2b',
                cOlor0: '#d6B77b'
            }
        },

        maP: {
            iTemStYle
'#e7d5b1'
    ];

    vartheme = {      col or : co lorP alette,

      ti tle: {
            tex tStyl e: {
            f o nt W e igh t:  ' nor ma l ', 
             color: ' #31 3b 23'
         }
       }, 

        vi sua lMap:{        color : ['#3 1 3b23',  '#494f2b ']       },

    to olbox: {
        color: ['#313b 23', ' #3 1 3b 2 3 ','#3 13b23', '# 31 3b23' ] 
      } ,       tooltip:{
          b ackgro un dCo l or: 'r gba(0 ,0 , 0,0 .5)',
          axisPo inter: {
             //Axi s i ndic a to r,  co or d ina t etri g ger  effecti ve 
         ty pe:  'li ne',// The defaul t i s as tra ightline：  'li ne ' |'s hadow' 
              lineS tyle : {
              / / Stra igh t l ine ind icators tyl es e t ti ngs
               color: ' #313b2 3 ', 
             t ype:'das h ed '
            } ,
            cr oss Style :  {
                c olor: '#313b23 ' 
            } ,             sha dowS t yle:  {
            / /S hadow indicator sty le  setti ngs
                  colo r : 'rgba(20 0,20 0 ,2 0 0,0.3)'
              }
         }
       },
       / /  Area sc ali ngcon tro l l er 
        data Z o om:{          dataB ack gro und Col or : '#eee',  // Data  b ac kg ro und  colo r 
         fi lle rColo r : 'rgb a(200 ,200 ,2 00 , 0.2 )', //F il l theco lo r
        hand l eCo lor: '# 313b23' / / H a ndle  c ol or
       },

      timeline:  { 
        lineSt yle: {
               c olor: ' #31 3b23' 
          },         cont rolSty le: { 
        co lo r: '#313b2 3 ' ,
            bor derColor: '#313b23 ' 
           }
     } , 
    ca nd l est i c k: {
           itemStyl e: {            color:'#494f2 b',
             co lor0: '#6 06 233'           }, 
           line S tyle: {            wid th: 1 ,
            col or : '#0e 0e0e' ,               color0: '#d6b77 b'
         },
        areaStyle : {             color : ' # 494f2 b',          c olor0: '# d 6b 77b '            }      }, 

     map:  {
            it e mStyle
'#e7d5b1'
 _ _];

   _var theme_=_{
 __  _  color:_colorPalette,

   _  __title: {
            textStyle:_{
_ ___    _    _ fontWeight:_'normal',
       __  _    color: '#313b23'
   _     _  }
___   _ },

    _   visualMap: {
 _      _   color: ['#313b23', '#494f2b']
_    _ _},

    _  _toolbox: {
_  _     _  color:_['#313b23', '#313b23', '#313b23', '#313b23']
  __  __},

_ _  __ tooltip:_{
_     __    backgroundColor: 'rgba(0,0,0,0.5)',
 _   __   _ axisPointer: {
  _     _ _ _   // Axis indicator, coordinate trigger effective
  _     _   _ __type: 'line', //_The_default is_a straight line： 'line' |'shadow'
  _ _     _   __lineStyle: {
    _     _    ___  // Straight line_indicator style settings
   _  _      __     color:_'#313b23',
_     ___    _     _type: 'dashed'
       _  _    _},
__         _ _  crossStyle:_{
         _      _   color: '#313b23'
      _       _ },
     _   __     shadowStyle: {
____  _  _  _ _  _ _// Shadow indicator_style_settings
                 _  color: 'rgba(200,200,200,0.3)'
  _    __  _   _}
       _    }
    __ _},

   _ _ _// Area scaling_controller
 _ _ _  dataZoom: {
   __       dataBackgroundColor: '#eee',_//_Data_background_color
  _  _  _  _fillerColor:_'rgba(200,200,200,0.2)', // Fill the color
 _  _   _   handleColor: '#313b23' // Handle color
  _     },

        timeline: {
  _ _   _ __lineStyle: {
    _ _       __color: '#313b23'
          __},
_  __     __controlStyle:_{
__     _      __color: '#313b23',
   _ __   _   _ borderColor: '#313b23'
        __ _}
___   _ },

        candlestick: {
    __    _ itemStyle: {
   __   _       color:_'#494f2b',
    _   _       color0: '#606233'
            },
_    _    _ lineStyle: {
__  _   _       width:_1,
                color: '#0e0e0e',
_      _  _ _   color0: '#d6b77b'
    _       },
   _        areaStyle: {
    __     _    color: '#494f2b',
_   _   __  _ _ color0: '#d6b77b'
 _   _      }
 _  _   },

       _map: {
            itemStyle