Javascript 自定义json文件的HighMap显示问题
我正在尝试将包含三个变量的json文件加载到HighMap中 在我修订的JSON中,我包括三列: 1.代码2。价值3。工资中位数 我可以通过main.js加载JSON文件,但添加了工资中值后,地图失去了梯度,我无法在悬停显示框中开始工资中值的新行 HighCharts的演示如下所示: 任何意见都将不胜感激 谢谢大家! HTM文件Javascript 自定义json文件的HighMap显示问题,javascript,jquery,json,highcharts,highmaps,Javascript,Jquery,Json,Highcharts,Highmaps,我正在尝试将包含三个变量的json文件加载到HighMap中 在我修订的JSON中,我包括三列: 1.代码2。价值3。工资中位数 我可以通过main.js加载JSON文件,但添加了工资中值后,地图失去了梯度,我无法在悬停显示框中开始工资中值的新行 HighCharts的演示如下所示: 任何意见都将不胜感激 谢谢大家! HTM文件 <html> <head> <meta http-equiv="Content-Type" content="text
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highmaps Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<style type="text/css">
${demo.css}
</style>
</head>
<body>
<script src="js/main.js"></script>
<script src="js/highmaps.js"></script>
<script src="http://code.highcharts.com/mapdata/countries/us/us-all.js"></script>
<script src="js/modules/data.js"></script>
<div id="container" style="height: 500px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>
</body>
</html>
json文件
[
{
"Code":"AL",
"Value":11.8,
"MedianW":40120
},
{
"Code":"AK",
"Value":24.5,
"MedianW":53804
},
{
"Code":"AZ",
"Value":6,
"MedianW":42107
},
{
"Code":"AR",
"Value":4.1,
"MedianW":36505
},
{
"Code":"CA",
"Value":17.4,
"MedianW":48415
},
{
"Code":"CO",
"Value":9.2,
"MedianW":49549
},
{
"Code":"CT",
"Value":14.3,
"MedianW":58337
},
{
"Code":"DE",
"Value":11,
"MedianW":48284
},
{
"Code":"DC",
"Value":10.9,
"MedianW":50186
},
{
"Code":"FL",
"Value":6.9,
"MedianW":41915
},
{
"Code":"GA",
"Value":6.3,
"MedianW":41214
},
{
"Code":"HI",
"Value":23.6,
"MedianW":49919
},
{
"Code":"ID",
"Value":5.8,
"MedianW":41785
},
{
"Code":"IL",
"Value":16.3,
"MedianW":47485
},
{
"Code":"IN",
"Value":10.2,
"MedianW":42089
},
{
"Code":"IA",
"Value":12,
"MedianW":42207
},
{
"Code":"KS",
"Value":8.4,
"MedianW":42577
},
{
"Code":"KY",
"Value":13,
"MedianW":40020
},
{
"Code":"LA",
"Value":5.5,
"MedianW":37967
},
{
"Code":"ME",
"Value":13.1,
"MedianW":41488
},
{
"Code":"MD",
"Value":13.1,
"MedianW":58269
},
{
"Code":"MA",
"Value":14.6,
"MedianW":55602
},
{
"Code":"MI",
"Value":16.8,
"MedianW":45029
},
{
"Code":"MN",
"Value":15,
"MedianW":48097
},
{
"Code":"MS",
"Value":4.2,
"MedianW":36240
},
{
"Code":"MO",
"Value":10.4,
"MedianW":41092
},
{
"Code":"MT",
"Value":14.8,
"MedianW":42301
},
{
"Code":"NE",
"Value":9,
"MedianW":41861
},
{
"Code":"NV",
"Value":16.1,
"MedianW":44924
},
{
"Code":"NH",
"Value":10.7,
"MedianW":52588
},
{
"Code":"NJ",
"Value":16.6,
"MedianW":61146
},
{
"Code":"NM",
"Value":7.4,
"MedianW":38349
},
{
"Code":"NY",
"Value":25.8,
"MedianW":47790
},
{
"Code":"NC",
"Value":4.7,
"MedianW":40710
},
{
"Code":"ND",
"Value":8.5,
"MedianW":41557
},
{
"Code":"OH",
"Value":14.1,
"MedianW":42814
},
{
"Code":"OK",
"Value":9.5,
"MedianW":40665
},
{
"Code":"OR",
"Value":14.9,
"MedianW":43160
},
{
"Code":"PA",
"Value":13.7,
"MedianW":47439
},
{
"Code":"RI",
"Value":17.8,
"MedianW":46896
},
{
"Code":"SC",
"Value":4.6,
"MedianW":39238
},
{
"Code":"SD",
"Value":5.8,
"MedianW":38071
},
{
"Code":"TN",
"Value":7.4,
"MedianW":39891
},
{
"Code":"TX",
"Value":6,
"MedianW":41225
},
{
"Code":"UT",
"Value":5.4,
"MedianW":50976
},
{
"Code":"VT",
"Value":13.2,
"MedianW":46019
},
{
"Code":"VA",
"Value":6.4,
"MedianW":53328
},
{
"Code":"WA",
"Value":19.7,
"MedianW":52724
},
{
"Code":"WV",
"Value":13.6,
"MedianW":41499
},
{
"Code":"WI",
"Value":13.1,
"MedianW":43661
},
{
"Code":"WY",
"Value":6.4,
"MedianW":45336
}
]
问题是您使用的是代码和值参数,而不是小写。因此,如果您替换它,并将有关中值的信息添加到
pointFormat
,则所有操作都将正常工作
数据:
工具提示:pointFormat:'{point.code}:{point.value}/km²:MedianW:{point.MedianW}'
示例:我的另一个问题是,是否可以在顶部的彩色滚动菜单上显示工资中位数的范围?就像我在一个州徘徊,范围是30000-40000-50000(工资中位数),而不是11000,箭头的位置是工资中位数的值,而不是工会密度?谢谢你回答我的问题!在这种情况下,为什么不能使用中值作为值?那么你就可以做到这一点。我的意思是使用类似:{“code”:“AL”,“value”:40120//medianvalue}
[
{
"Code":"AL",
"Value":11.8,
"MedianW":40120
},
{
"Code":"AK",
"Value":24.5,
"MedianW":53804
},
{
"Code":"AZ",
"Value":6,
"MedianW":42107
},
{
"Code":"AR",
"Value":4.1,
"MedianW":36505
},
{
"Code":"CA",
"Value":17.4,
"MedianW":48415
},
{
"Code":"CO",
"Value":9.2,
"MedianW":49549
},
{
"Code":"CT",
"Value":14.3,
"MedianW":58337
},
{
"Code":"DE",
"Value":11,
"MedianW":48284
},
{
"Code":"DC",
"Value":10.9,
"MedianW":50186
},
{
"Code":"FL",
"Value":6.9,
"MedianW":41915
},
{
"Code":"GA",
"Value":6.3,
"MedianW":41214
},
{
"Code":"HI",
"Value":23.6,
"MedianW":49919
},
{
"Code":"ID",
"Value":5.8,
"MedianW":41785
},
{
"Code":"IL",
"Value":16.3,
"MedianW":47485
},
{
"Code":"IN",
"Value":10.2,
"MedianW":42089
},
{
"Code":"IA",
"Value":12,
"MedianW":42207
},
{
"Code":"KS",
"Value":8.4,
"MedianW":42577
},
{
"Code":"KY",
"Value":13,
"MedianW":40020
},
{
"Code":"LA",
"Value":5.5,
"MedianW":37967
},
{
"Code":"ME",
"Value":13.1,
"MedianW":41488
},
{
"Code":"MD",
"Value":13.1,
"MedianW":58269
},
{
"Code":"MA",
"Value":14.6,
"MedianW":55602
},
{
"Code":"MI",
"Value":16.8,
"MedianW":45029
},
{
"Code":"MN",
"Value":15,
"MedianW":48097
},
{
"Code":"MS",
"Value":4.2,
"MedianW":36240
},
{
"Code":"MO",
"Value":10.4,
"MedianW":41092
},
{
"Code":"MT",
"Value":14.8,
"MedianW":42301
},
{
"Code":"NE",
"Value":9,
"MedianW":41861
},
{
"Code":"NV",
"Value":16.1,
"MedianW":44924
},
{
"Code":"NH",
"Value":10.7,
"MedianW":52588
},
{
"Code":"NJ",
"Value":16.6,
"MedianW":61146
},
{
"Code":"NM",
"Value":7.4,
"MedianW":38349
},
{
"Code":"NY",
"Value":25.8,
"MedianW":47790
},
{
"Code":"NC",
"Value":4.7,
"MedianW":40710
},
{
"Code":"ND",
"Value":8.5,
"MedianW":41557
},
{
"Code":"OH",
"Value":14.1,
"MedianW":42814
},
{
"Code":"OK",
"Value":9.5,
"MedianW":40665
},
{
"Code":"OR",
"Value":14.9,
"MedianW":43160
},
{
"Code":"PA",
"Value":13.7,
"MedianW":47439
},
{
"Code":"RI",
"Value":17.8,
"MedianW":46896
},
{
"Code":"SC",
"Value":4.6,
"MedianW":39238
},
{
"Code":"SD",
"Value":5.8,
"MedianW":38071
},
{
"Code":"TN",
"Value":7.4,
"MedianW":39891
},
{
"Code":"TX",
"Value":6,
"MedianW":41225
},
{
"Code":"UT",
"Value":5.4,
"MedianW":50976
},
{
"Code":"VT",
"Value":13.2,
"MedianW":46019
},
{
"Code":"VA",
"Value":6.4,
"MedianW":53328
},
{
"Code":"WA",
"Value":19.7,
"MedianW":52724
},
{
"Code":"WV",
"Value":13.6,
"MedianW":41499
},
{
"Code":"WI",
"Value":13.1,
"MedianW":43661
},
{
"Code":"WY",
"Value":6.4,
"MedianW":45336
}
]
{
"code": "AL",
"value": 11.8,
"MedianW": 40120
}