Как разместить имя фигуры по произвольным координатам x и y на карте Zingchart - PullRequest
0 голосов
/ 15 ноября 2018

ребята! Я использую карту Zingchart на моем веб-сайте. У меня проблема с размещением названия региона. Как я могу разместить название региона по произвольным координатам x и y? enter image description here

zingchart.loadModules ('maps, maps-uzb', function (e) {

      zingchart.render({
        id: 'uzbchart',

        data: {
          gui : {
            contextMenu : {
             empty : true
            }
          },
          backgroundColor:'none',
          shapes: [{
            type: 'zingchart.maps',
            options: {
              name: 'uzb',
              zooming: false,
              panning: false,
              scrolling: false,
              style: {
                items:
                    mapCon, // shape data
                  tooltip: {
                      text: '%long-text',
                      alpha: 0.5,
                      backgroundColor: 'white',
                      borderColor: 'white',
                      borderRadius: 3,
                      fontColor: 'black',
                      fontFamily: 'Georgia',
                      fontSize: 12,
                      textAlpha: 1,
                      cursor: "pointer"
                    },
                    controls: {
                      visible: false
                    }
              }
            }
          }],
        },
        height: 600,
        width: "100%"
     }); 

});

1 Ответ

0 голосов
/ 15 ноября 2018

Я решил это сам.Я добавил параметры x и y config в метку:

zingchart.loadModules('maps, maps-uzb', function(e) {

  zingchart.render({
    id: 'uzbchart',

    data: {
      shapes: [{
        type: 'zingchart.maps',
        options: {
          //...
          style: {
            items:
                {
                   TK: {
                        //....
                        lablel: {
                                 //..........
                                 // added following two line codes
                                 x: 650,
                                 y: 280
                                }
                        //...
                      }
                   },
              //...
          }
        }
      }],
    },
    height: 600,
    width: "100%"
 }); 
 });
...