How to place shape name by arbitrary x and y coordinates in Zingchart map

Question

guys! I am using Zingchart map on my website. I have a problem with placing a region name. How can I place a region name by arbitrary x and y coordinates?

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%"
     }); 

});

Answer 1

I've solved it myself. I added x and y config parametres into label:

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%"
 }); 
 });