使用Ajax在Charti中显示标记 - ChartJS

时间:2014-01-12 07:09:40

标签: jquery ajax chart.js

我目前正在处理由devexpress的chartJS生成的矢量地图。为了使地图在地图中生成标记,需要从JSON对象获取值。如果变量在jquery函数中是硬编码的,我可以显示这些标记。按照与其他工作图表类似的步骤,我将json值从ajax调用传递给函数中的markers,但我没有在地图中显示任何标记。我阅读了FULL文档但无法使用它。如何通过ajax调用加载标记值?

地图

$.getJSON('../graph_json/location.php', function(dataSource) {
$('#acadamy_by_state').dxVectorMap({
        mapData: DevExpress.viz.map.sources.usa,
        //dataSource: dataSource,
        markers: dataSource,

        bounds: {
            minLon: -135,
            maxLon: -65,
            minLat: 20,
            maxLat: 60
        },
        zoomFactor: 1.25,

        background: {
            color: 'paleturquoise'
        },

        areaSettings: {
            customize: function (area) {
                if (jQuery.inArray(area.attributes.name, mostPopulatedStates) != -1) {
                    return {
                        color: 'forestgreen'
                    }
                }
            }
        },

        markerSettings: {
            customize: function (m) {
                return {
                    text: m.attributes.name
                }
            }
        }
    })
});

});

graph_json / location.php

[{
    coordinates: [-121.2808, 38.3320],
    attributes: {
        name: 'Sacramento'
    }
}, {
    coordinates: [-97.75, 30.25],
    attributes: {
        name: 'Austin'
    }
}];

0 个答案:

没有答案