使用美国的jvectormap，我怎样才能使一个状态的1/2变成不同的颜色？

Question

有人可以建议如何使用美国的jvectormap，使一个州的一部分变成另一种颜色。我想让密苏里州的下半部分与上半部分的颜色不同。我也想以类似的方式将伊利诺伊州划分为东西方。

这是我目前的代码。

  <div id="us-map" style="width: 600px; height: 400px"></div>
    <script>
      $(function(){
        $('#us-map').vectorMap({
            map: 'us_aea_en',
            backgroundColor: '#c2e2f2',
            series: {
              regions: 
              [{values: {
                  "US-IL": '#858500',
                  "US-WI": '#05806D',
                  "US-MN": '#05806D',
                  "US-IA": '#05806D',
                  "US-CO": '#05806D',
                  "US-SD": '#05806D',
                  "US-KS": '#05806D',
                  "US-NE": '#05806D',
                  "US-IN": '#800517',
                  "US-MI": '#800517',
                  "US-MO": '#858500'
              },attribute: 'fill'}]
            }
        });
      });
    </script>
  </div>

我有一些编程经验，但我对JavaScript很新。感谢您提供的任何指导。