jVector显示2个数据集时映射颜色

时间:2018-04-16 21:57:30

标签: jquery angularjs charts jvectormap

我有2个数据集 - ctrl.gdpData ctrl.pdpData ,我在这里显示它们(在jVector世界地图上) -

$('#world-map-gdp').vectorMap({
        map: 'world_mill',
        series: {
            regions: [{
            values: [ctrl.gdpData, ctrl.pdpData],
            scale: ['#C8EEFF', '#0071A4'],
            normalizeFunction: 'polynomial'
            }]
        },
        onRegionTipShow: function(e, el, code){
            el.html(el.html()+' (Deposit - '+ctrl.gdpData[code]+')'+' (Activation - '+ctrl.pdpData[code]+')');
            }
        });

'规模'当我使用第二个数据集时,我使用的并没有显示任何颜色。我尝试过使用fill,backgroundcolor,但没有一个显示我想要的颜色。有什么东西我不见了吗?是否有不同的方式在jVector世界地图上显示来自2个数据集的数据?

PS-图表上的数据显示是完美的,没有问题/错误。

1 个答案:

答案 0 :(得分:0)

我终于能够自己解决,所以我会在这里发布解决方案。 这是jVector Map用于显示数据的唯一内容 -

el.html(el.html()+' (Deposit - '+ctrl.gdpData[code]+')'+' (Activation - '+ctrl.pdpData[code]+')');

因此,无需同时提供数据集的数据集'属性(此外,此属性仅接受一个属性)。我把它改成了 -

values: ctrl.gdpData,

您必须决定地图显示哪些数据颜色,因为如前所述'值'属性只接受一个数据集。