Highcharts:Highmaps - Choropleth 地图 - 所有州都是相同的颜色 [英] Highcharts: Highmaps - Choropleth maps - All states are the same color
本文介绍了Highcharts:Highmaps - Choropleth 地图 - 所有州都是相同的颜色的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我已经从 Highcharts 网站复制了美国颜色轴图的演示代码,并替换了我自己的 JSon 值文件.值显示在工具提示中,图例具有颜色渐变和值,但状态都是一种中蓝色.各州的文件价值从几百美元到近 400 万美元不等.这个 html 页面在 MVC5 中被调用.
<头><meta charset="utf-8"/><script src="https://code.highcharts.com/maps/highmaps.js"></script><script src="https://code.highcharts.com/maps/modules/data.js"></script><script src="https://code.highcharts.com/mapdata/countries/us/us-all.js"></script><脚本>$(函数(){$.getJSON('/HighChart/GetStates', 函数(数据){//使代码大写以匹配地图数据$.each(数据,函数(){this.State = this.State.toUpperCase();});//实例化地图$('#container').highcharts('地图', {图表 : {边框宽度:1},标题 : {文本:'每个州的销售额'},传奇: {布局:'水平',边框宽度:0,backgroundColor: 'rgba(255,255,255,0.85)',浮动:真实,垂直对齐:'顶部',y:25},地图导航:{启用:真},颜色轴:{分钟:1,最大:5000000,类型:'对数',minColor: '#EEEEFF',maxColor: '#000022',停止: [[0, '#EFEFFF'],[.67, '#4444FF'],[1, '#000022']]},系列 : [{动画片: {持续时间:1000},数据:数据,mapData: Highcharts.maps['countries/us/us-all'],joinBy: ['邮政编码', '州'],数据标签:{启用:真,颜色:'#FFFFFF',格式:'{point.State}'},name: '总销售额',工具提示:{pointFormat: '{point.State}: {point.TotalSales}'}}]});});});<title>地图</title>头部><身体><div id="container" style="height: 500px; min-width: 310px; max-width: 600px; margin: 0 auto"></div><p><a href="javascript:void(0);"onclick="history.go(-1);">返回</p>