Forum

Cod: Selectaţi tot

<div id="app-vue-harta">
                                <fusioncharts
                                        :type="type"
                                        :width="width"
                                        :height="height"
                                        :dataFormat="dataFormat"
                                        :dataSource="dataSource"
                                ></fusioncharts>
                            </div>

Cod: Selectaţi tot

let grphMap = new Vue ({
	el: '#app-vue-harta',
	data: {
		type: "maps/romania",
		....
		dataSource: {
			'chart': { },
			"data": [ {id: '10'} ],
  			"markers": { "shapes": [ {"id": "myCustomShape", "type": "circle", "fillcolor": "#f8bd19", "showborder": "0" } ],
                         "items": [ {shapeid: "myCustomShape", id: "10", x: "295.5", y: "283.5", // "radius": "1" } ],
                         "connectors": [
                           				// {"from": "10", "to": "11", "label": "text", "showtooltip": "1", "color": "#F4191F", "tooltext": ""}
                                       ]
						}
});

let app = new Vue ({
...
methods: {
fcnIdJudeteDelegatii() {
  let self = this;
  const ids = self.allDelegatii
    .map((item) => item.IdJudet)
    .filter(Boolean)
    .map((IdJudet) => IdJudet.split(",").map(id => id.trim()))
    .reduce((result, ids) => result.concat(ids), []);

  return ids.filter((id, i) => ids.indexOf(id) === i).sort();
},
fcnCoordonateJudete() {
  let self = this;
  let coordoJud = constCoordonateJudete;
  const idJud = this.fcnIdJudeteDelegatii();
  const coordJud = coordoJud.filter(item => {
          return idJud.indexOf(item.Id) != -1 ? true : false;
 });

 coordoJud = coordJud.map(item => {
                       return { shapeid: "myCustomShape",
                            id: (item.Id.length == 1) ? String(item.Id) : item.Id,
                            x: item.LabelPositionX,
                            y: item.LabelPositionY };
                    });
        return self.coordonateJudete = coordoJud;
 },
forGraficHarta() {
  grphMap.dataSource.data = [];
  grphMap.dataSource.markers.items = [];

  grphMap.dataSource.data = this.fcnIdJudeteDelegatii().map(item => { return {'id': item}; });
  grphMap.dataSource.markers.items = this.fcnCoordonateJudete();
},
filtrareHarta(value, input) {
   let self = this;
   self.allDelegatii = constAllDelegatii;

  if (value != '*' && input === 'personal') {
          self.allDelegatii = self.allDelegatii.filter(function (item) {
                return item.ID_DELEGAT_1 === value || item.ID_DELEGAT_2 === value;
          });
   }
   this.forGraficHarta();
}
});

Cod: Selectaţi tot

var grphMap = new Vue ({
  //...
})