Jquery Mapael:如何使用HTML表格数据替换此硬编码示例?

时间:2019-01-02 01:36:19

标签: jquery mapael

这是有效的硬编码代码(仅2个状态):

from django.contrib.auth.models import AbstractUser, UserManager
from django.contrib.auth.models import User
from django.db import models
from django.urls import reverse

class CustomUserManager(UserManager):

    def get_by_natural_key(self, username):
        case_insensitive_username_field = '{}__iexact'.format(self.model.USERNAME_FIELD)
        return self.get(**{case_insensitive_username_field: username})


class CustomUser(AbstractUser):
    objects = CustomUserManager()`

我正在尝试在HTML表中使用结果,但似乎无法将其转换为可接受的格式。这是我一直在尝试的:

 var myAreas = [];
    myAreas = {
            "VA": {
                value: "6.3",
                tooltip: {  content: "Virginia freq : 7.2"  }
            },
            "NC": {
                value: "5.7",
                tooltip: { content: "North Carolina freq : 6.7" }
            }
        };
        $(".mapcontainer").mapael({
            map: {
                name: "usa_states"
            },
            areas: myAreas
        });

数据数组具有带有正确数据的所有状态,但格式为:

0: 状态:“ AK” 工具提示:{内容:“ AK 7.0”} 值:“ 7.0”

我已经成功地将这种表数据方法与flt一起用于折线图和柱形图,但是地图似乎比较棘手。谁能帮忙。谢谢

1 个答案:

答案 0 :(得分:0)

我在这里找到了想要的东西: Is it possible to add dynamically named properties to JavaScript object?

尽管采用硬编码数据,但myAreas []最初定义为数组,但重新定义为对象,并添加了myAreas {...}和属性(状态)。

在我的示例中,我试图使用push将其添加到我的数组data []中,但这不是mapeal插件所需的areas参数。