在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ Echarts中使用lines,配置coords屬性中出現(xiàn)property 'd

Echarts中使用lines,配置coords屬性中出現(xiàn)property 'dataToPoint' of undefined

在使用map和lines完成數(shù)據(jù)遷移功能時(shí),lines中的data[i].coords熟悉出現(xiàn)Cannot read property 'dataToPoint' of undefined"的報(bào)錯(cuò)

[版本及環(huán)境]
ECharts version [ECharts 版本]:3.7.2
Browser version [瀏覽器類(lèi)型和版本]:Chrome 61.0.3163.100(正式版本)
OS Version [操作系統(tǒng)類(lèi)型和版本]:Win10

[ECharts配置項(xiàng)]

option = {
tooltip: {
                        show: true,
                        padding: 0

                    },
                    legend: {
                        show: false,
                        orient: 'vertical',
                        top: 'auto',
                        left: 'right',
                        data: ['中國(guó)', '線(xiàn)路'],
                        textStyle: {
                            color: '#fff'
                        }
                    },
                    series: [
                        {
                            name: "中國(guó)",
                            type: "map",
                            mapType: "china",
                            zoom: 1.25,
                            selectedMode: false,
                            itemStyle: {
                                normal: {
                                    areaColor: "#103a65",
                                    borderWidth: 1,
                                    borderColor: "#1B1F23",
                                    label: {
                                        show: true
                                    }
                                },
                                emphasis: {
                                    areaColor: "#2A333D",
                                    label: {
                                        show: true
                                    }
                                }
                            },
                            label: {
                                normal: {
                                    show: true,
                                    color: '#fff'
                                },
                                emphasis: {
                                    show: true,
                                    color: '#fff'
                                }
                            },
                            data: [
                                {name: '北京', value: this.randomData()},
                                {name: '天津', value: this.randomData()},
                                {name: '上海', value: this.randomData()},
                                {name: '重慶', value: this.randomData()},
                                {name: '河北', value: this.randomData()},
                                {name: '河南', value: this.randomData()},
                                {name: '云南', value: this.randomData()},
                                {name: '遼寧', value: this.randomData()},
                                {name: '黑龍江', value: this.randomData()},
                                {name: '湖南', value: this.randomData()},
                                {name: '安徽', value: this.randomData()},
                                {name: '山東', value: this.randomData()},
                                {name: '新疆', value: this.randomData()},
                                {name: '江蘇', value: this.randomData()},
                                {name: '浙江', value: this.randomData()},
                                {name: '江西', value: this.randomData()},
                                {name: '湖北', value: this.randomData()},
                                {name: '廣西', value: this.randomData()},
                                {name: '甘肅', value: this.randomData()},
                                {name: '山西', value: this.randomData()},
                                {name: '內(nèi)蒙古', value: this.randomData()},
                                {name: '陜西', value: this.randomData()},
                                {name: '吉林', value: this.randomData()},
                                {name: '福建', value: this.randomData()},
                                {name: '貴州', value: this.randomData()},
                                {name: '廣東', value: this.randomData()},
                                {name: '青海', value: this.randomData()},
                                {name: '西藏', value: this.randomData()},
                                {name: '四川', value: this.randomData()},
                                {name: '寧夏', value: this.randomData()},
                                {name: '海南', value: this.randomData()},
                                {name: '臺(tái)灣', value: this.randomData()},
                                {name: '香港', value: this.randomData()},
                                {name: '澳門(mén)', value: this.randomData()}
                            ],
                            markPoint: {
                                symbol: 'circle',
                                symbolSize: 8,
                                label: {
                                    normal: {
                                        show: false
                                    }
                                },
                                data: [
                                    {
                                        name: '廣東',
                                        coord: [113.23, 23.16]
                                    }, {
                                        name: '深圳',
                                        coord: [114.07, 22.62]
                                    }, {
                                        name: '成都',
                                        coord: [102.56, 30.92]
                                    }, {
                                        name: '南京',
                                        coord: [118.78, 32.04]
                                    }, {
                                        name: '蘭州',
                                        coord: [103.73, 35.03]
                                    }, {
                                        name: '武漢',
                                        coord: [114.31, 30.5]
                                    }, {
                                        name: '義烏',
                                        coord: [120.06, 29.32]
                                    }, {
                                        name: '撫順',
                                        coord: [123.97, 41.97]
                                    }, {
                                        name: '拉薩',
                                        coord: [91.11, 30.97]
                                    }, {
                                        name: '曲靖',
                                        coord: [103.79, 25.51]
                                    }, {
                                        name: '嘉峪關(guān)',
                                        coord: [98.289152, 39.77313]
                                    }, {
                                        name: '張家口',
                                        coord: [114.87, 40.82]
                                    }, {
                                        name: '銅川',
                                        coord: [109.11, 35.09]
                                    }
                                ]
                            }
                        }, {
                            name: '線(xiàn)路',
                            type: 'lines',
                            zlevel: 2,
                            large: true,
                            effect: {
                                show: true,
                                constantSpeed: 50,
                                symbol: 'arrow',//ECharts 提供的標(biāo)記類(lèi)型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
                                symbolSize: 10,
                                trailLength: 0,
                            },
                            lineStyle: {
                                normal: {
                                    color: '#F58158',
                                    width: 2,
                                    opacity: 0.6,
                                    curveness: 0.2
                                }
                            },
                            data: [
                                {
                                    coords: [
                                        [102.56, 30.92],
                                        [114.87, 40.82]
                                    ]
                                },
                                /* {fromName: "成都", toName: "銅川", coords: [[102.56, 30.92], [109.11, 35.09]]},
                                 {fromName: "成都", toName: "嘉峪關(guān)", coords: [[102.56, 30.92], [98.289152, 39.77313]]},
                                 {fromName: "成都", toName: "廣東", coords: [[102.56, 30.92], [113.23, 23.16]]}*/
                            ]
                        }
                    ]
}



randomData: function () {
       return Math.round(Math.random() * 1000);
}

我是在vue項(xiàng)目中使用的echarts,引入信息如下:

    let echarts = require('echarts/lib/echarts');
    import 'echarts/map/js/china.js';

    require('echarts/lib/chart/map');
    require('echarts/lib/chart/lines');
    require('echarts/lib/component/geo');
    // 引入提示框和標(biāo)題組件
    require('echarts/lib/component/tooltip');
    require('echarts/lib/component/title');

報(bào)錯(cuò)信息如下:

clipboard.png

望大神指教?。?/p>

回答
編輯回答
墨小羽

series:里面設(shè)置coordinateSystem: 'bmap' (默認(rèn)是geo)

2017年4月20日 05:56
編輯回答
糖果果

大神大神 你解決這個(gè)問(wèn)題了嗎??????求指點(diǎn)
clipboard.png

2018年8月8日 00:45
編輯回答
傻丟丟

少了相應(yīng)的json文件,各城市的坐標(biāo)映射不到位置,你需要引入china.json之類(lèi)的json文件。參照這里

2018年5月31日 21:43
編輯回答
夏夕

我是用vue ,echarst3,百度地圖三個(gè)結(jié)合做的,之前也報(bào)這個(gè)錯(cuò),但我查了一下發(fā)現(xiàn)是series:里面的coordinateSystem: 'bmap' (我的不是geo), 這里寫(xiě)錯(cuò)了,改一下就好。

2018年6月18日 19:06