FusionMaps XT - VueJs - 不工作事件连接器点击

Question

我有一张用 VueJS 处理的地图，但我遇到了事件 connectorClick 的问题。在下面的示例中，当单击连接线时，警报不起作用。Vue.use(VueFusionCharts, FusionCharts);let grphMap = new Vue ({  el: '#app-vue',  data: {      type: "maps/romania",      width: "800",      height: "600",      dataFormat: "json",      dataSource: {        'chart': {          "theme":                "fusion",          "nullEntityColor":      "#E5E5E9",          "entityFillHoverColor": "#99ccff",          "showLabels":           '1',          "showEntityHoverEffect": "1",          "showtooltip":          "1",          "connectorColor":       "#0CB2B0",          "connectorHoverColor": "#000000",          "connectorthickness":   "3",          "markerfontsize":       "18",          "markerfontcolor":      "#0a0a0a",      "numbersuffix":         "%",          "entityFillColor":      "#ff0000",          "markerBgColor":        "#FF0000",          "markerRadius":         "12",      },        "colorrange": {          "gradient": "0",      },        "data": [          {            id: '10',            color: "#74CCEB",          }      ],        "markers": {          "shapes": [              {               "id": "myCustomShape",               "type": "circle",               "fillcolor": "#f8bd19",               "showborder": "0"              }          ],          "items": [              {                shapeid: "myCustomShape",                id: "10",                x: "295.5",                y: "283.5",              },              {                shapeid: "myCustomShape",                id: "11",                x: "323.9",                y: "226.6",              }              }          ]       }      },https://jsfiddle.net/Hexman/5e61pu3r/25我找到了一个功能示例，但它不在 VueJs http://jsfiddle.net/fusioncharts/t226vxnp/不要把我错在哪里的马鞍给我？

Answer 1

似乎您忘记在您fusioncharts在组件数据中定义的模板中绑定事件对象。请参考以下模板代码：

<fusioncharts

  :type="type"

  :width="width"

  :height="height"

  :dataFormat="dataFormat"

  :dataSource="dataSource"

  :events="events" // Bind your events object

></fusioncharts>