Echarts事件无法通过Ajax加载echarts

时间:2019-05-01 13:59:04

标签: node.js ajax echarts

通过ajax加载图形后,我尝试使用click事件,在屏幕上,我必须选择将加载图形的存档,当我单击按钮时,将使用存档名称来调用ajax ,并返回数据以加载图形,但是当我在ajax调用后将事件单击后,点击它不起作用时,这是下面的代码


function sendFile(nome) {


            console.log("recebi na funcao", nome)


            $.ajax({
                url: '/test',
                type: 'POST',
                data: {nome: nome},
                success: function (response) {
                    var myChart = echarts.init(document.getElementById('main'));

                    time = []
                    data = []
                    response.pressao.map((e) => {

                        time.push(e.data)
                        data.push(e.pressao)

                    })


                    option = {
                        tooltip: {
                            trigger: 'axis',
                            position: function (pt) {
                                return [pt[0], '10%'];
                            }
                        },
                        title: {
                            left: 'center',
                            text: 'Gráfico de Pressão',
                        },
                        toolbox: {
                            feature: {
                                dataZoom: {
                                    yAxisIndex: 'none'
                                },
                                restore: {},
                                saveAsImage: {}
                            }
                        },
                        xAxis: {
                            type: 'category',
                            boundaryGap: false,
                            data: time
                        },
                        yAxis: {
                            type: 'value',
                            boundaryGap: [0, '100%']
                        },
                        dataZoom: [{
                            type: 'inside',
                            start: 0,
                            end: 10
                        }, {
                            start: 0,
                            end: 10,
                            handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
                            handleSize: '80%',
                            handleStyle: {
                                color: '#fff',
                                shadowBlur: 3,
                                shadowColor: 'rgba(0, 0, 0, 0.6)',
                                shadowOffsetX: 2,
                                shadowOffsetY: 2
                            }
                        }],
                        series: [
                            {
                                name:'Pressão',
                                type:'line',
                                smooth:true,
                                symbol: 'none',
                                sampling: 'average',
                                itemStyle: {
                                    color: 'rgb(255, 70, 131)'
                                },
                                areaStyle: {
                                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                        offset: 0,
                                        color: 'rgb(255, 158, 68)'
                                    }, {
                                        offset: 1,
                                        color: 'rgb(255, 70, 131)'
                                    }])
                                },
                                data: data
                            }
                        ]
                        };
                    myChart.setOption(option);

                    myChart.on('click', function(params){
                        alert("Click chart", params)
                    })

                },
                fail: function() {
                    alert("Servidor em baixo ou falha de rede");
                }
            });
        }

0 个答案:

没有答案