是否可以在高图贴图中包含地图线?

时间:2016-04-03 04:22:43

标签: r highcharts

我想在县里使用一组borderColor和width值,在高图中使用另一组状态行作为in this jsfiddle link

series: [{
            mapData: countiesMap,
            data: data,
            joinBy: ['hc-key', 'code'],
            name: 'Unemployment rate',
            tooltip: {
                valueSuffix: '%'
            },
            borderWidth: 0.5,
            states: {
                hover: {
                    color: '#bada55'
                }
            }
        }, {
            type: 'mapline',
            name: 'State borders',
            data: [lines[0]],
            color: 'white'
        }, {
            type: 'mapline',
            name: 'Separator',
            data: [lines[1]],
            color: 'gray'
        }]

但是,我不了解数据结构,我也不知道高图api如何允许这样做。这种地图可能吗?我的第一直觉是添加一个没有填充状态边界的多边形图层,但这似乎不是在highmaps / highcharts中使用的方法。

显示我之后的效果here。大胆的国家与较轻的县界接壤。抱歉,没有足够的声誉来嵌入图片。

2 个答案:

答案 0 :(得分:2)

基本上这是Roco的相同答案,但是使用的是高图。

住: http://rpubs.com/jbkunst/is-it-possible-to-include-maplines-in-highcharter-maps

代码:

library("highcharter")
library("viridisLite")
library("dplyr")

data(unemployment)
data(uscountygeojson)
data(usgeojson)
dclass <- data_frame(from = seq(0, 10, by = 2),
                     to = c(seq(2, 10, by = 2), 50),
                     color = substring(viridis(length(from), option = "C"), 0, 7))
dclass <- list.parse3(dclass)
highchart(type = "map") %>% 
  hc_add_series_map(uscountygeojson, unemployment, value = "value", joinBy = "code",
                    lineWidth = 0.5, color = hex_to_rgba("#000000", 0.75)) %>% 
  hc_add_series(data = uscountygeojson, type = "mapline",
                lineWidth = 2, color = hex_to_rgba("#000000", 0.75)) %>% 
  hc_colorAxis(dataClasses = dclass)

希望它有所帮助。

感谢您使用该套餐!

答案 1 :(得分:1)

如果您想更改边框的宽度,通常会使用via borderWidth属性执行此操作,就像您已经为县行所做的那样。

您的州行属于不同类型,属于mapline类型。对于此类型,documentation指定您需要使用 lineWidth 而不是borderWidth。这是你需要改变的地方:

{
  type: 'mapline',
  name: 'State borders',
  data: [lines[0]],
  color: 'black',
  lineWidth: 4
}

这是我如何更改初始JSFiddle以使状态行比县行更厚的示例: JSFiddle here

enter image description here