Graph 如何使用url.bindPopup将图形添加到传单弹出窗口

Graph 如何使用url.bindPopup将图形添加到传单弹出窗口,graph,popup,leaflet,Graph,Popup,Leaflet,当我从geoJson层中选择多边形时,我尝试将一个简单的线图添加到传单弹出窗口中。 我可以编辑url.bindPopup来实现这一点吗?我想将“poly_id”与“ha”对应起来。 我希望有人能帮助我。这是我的代码,我一直试图编辑,但没有成功 var owsrootUrl = 'http://localhost:1997/geoserver/RSAC/wms'; var defaultParameters = { service : 'WFS',

当我从geoJson层中选择多边形时,我尝试将一个简单的线图添加到传单弹出窗口中。 我可以编辑url.bindPopup来实现这一点吗?我想将“poly_id”与“ha”对应起来。 我希望有人能帮助我。这是我的代码,我一直试图编辑,但没有成功

    var owsrootUrl = 'http://localhost:1997/geoserver/RSAC/wms';
    var defaultParameters = {
        service : 'WFS',
        version : '2.0',
        request : 'GetFeature',
        typeName : 'RSAC:results_clipped_with_growth_small',
        outputFormat : 'json',
        format_options : 'callback:getJson',
        SrsName : 'EPSG:4326'
    };

var parameters = L.Util.extend(defaultParameters);
var URL = owsrootUrl + L.Util.getParamString(parameters);
var ajax = $.ajax({
    url : URL,
    dataType : 'json',
    jsonpCallback : 'getJson',
    success : function (response) {
    L.geoJson(response, {
        onEachFeature: function (feature, url) {
            popupOptions = {maxWidth:250};
            url.bindPopup("<b>poly_id:</b>" + feature.properties.poly_id +
                "<br><b>ha: </b>" + feature.properties.ha + "<br><b>growth_new: </b>" + feature.properties.growth_new);
        }
                    }).addTo(mymap);
    }
});
var-owsrootUrl=”http://localhost:1997/geoserver/RSAC/wms';
var defaultParameters={
服务:'WFS',
版本:“2.0”,
请求:“GetFeature”,
typeName:'RSAC:results_clipped_with_growth_small',
outputFormat:'json',
格式化选项:“回调:getJson”,
SrsName:'EPSG:4326'
};
var参数=L.Util.extend(defaultParameters);
var URL=owsrootUrl+L.Util.getParamString(参数);
var ajax=$.ajax({
url:url,
数据类型:“json”,
jsonpCallback:'getJson',
成功:功能(响应){
L.geoJson(响应{
onEachFeature:函数(功能,url){
popupOptions={maxWidth:250};
bindPopup(“poly_id:+feature.properties.poly_id+
“
ha:”+feature.properties.ha+”
growth\u new:“+feature.properties.growth\u new”); } }).addTo(mymap); } });
检查和/或创建绘图,然后您可以在弹出的工具提示中包含此HTML代码。谢谢您的回复。我现在已经在canvasjs中创建了一个图表,并创建了一个名为chart.js的脚本,这是正确的还是需要使用HTML?然后如何将代码包含在弹出工具提示中?这是我不确定的一点。我建议在plot.ly中创建绘图,然后在弹出窗口中使用一些附加选项来修改绘图代码。这是一个例子,下面是一个例子。