- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我开始在 R 中使用 highcharter
包(版本 0.5.0),但我不知道如何更改列的颜色,这些列的颜色与美学中的变量相关联一系列。数据框的头部如下所示:
> head(Top_G)
# A tibble: 6 × 29
Rk Name Yrs From To ASG G PA AB R H X2B X3B HR RBI
<int> <chr> <int> <int> <int> <int> <int> <int> <int> <int> <int> <int> <int> <int> <int>
1 352 Omar Vizquel 24 1989 2012 3 2968 12013 10586 1445 2877 456 77 80 951
2 14 Luis Aparicio HOF 18 1956 1973 13 2599 11230 10230 1335 2677 394 92 83 791
3 75 Dave Concepcion 19 1970 1988 9 2488 9641 8723 993 2326 389 48 101 950
4 1 Bobby Abreu 18 1996 2014 2 2425 10081 8480 1453 2470 574 59 288 1363
5 107 Andres Galarraga 19 1985 2004 5 2257 8916 8096 1195 2333 444 32 399 1425
6 43 Miguel Cabrera 14 2003 2016 11 2096 9001 7853 1321 2519 523 17 446 1553
# ... with 14 more variables: SB <int>, CS <int>, BB <int>, SO <int>, BA <dbl>, OBP <dbl>, SLG <dbl>,
# OPS <dbl>, Birthdate <date>, Debut <date>, City <chr>, State <chr>, Pos <chr>, Active <chr>
Active
变量有两个可能的值,我用它来关联图表中的 color
美学。我使用的代码如下:
highchart() %>%
hc_add_series(Top_G, "column", hcaes(x = Name, y = G, color = Active), name = "G", showInLegend = FALSE) %>%
hc_colors(cols) %>%
#hc_add_series(Top_Yrs, name = "Games") %>%
hc_add_theme(hc_theme_smpl()) %>%
hc_title(text = "Games", style = list(fontSize = "22px")) %>%
hc_subtitle(text = "Chart", style = list(fontSize = "12px")) %>%
hc_yAxis(title = list(text = "G")) %>%
hc_xAxis(categories = Top_G$Name) %>%
hc_xAxis(title = list(text = "Player")) %>%
hc_credits(enabled = TRUE, # add credits
text = "Test") %>%
hc_tooltip(crosshairs = FALSE, backgroundColor = "#DDDEE6",
shared = FALSE, borderWidth = 2)
但是绘图使用默认调色板颜色而不是 cols
变量中定义的颜色。
这里是 dput(head(Top_G))
的输出:
> dput(head(Top_G))
structure(list(Rk = c(352L, 14L, 75L, 1L, 107L, 43L), Name = c("Omar Vizquel",
"Luis Aparicio HOF", "Dave Concepcion", "Bobby Abreu", "Andres Galarraga",
"Miguel Cabrera"), Yrs = c(24L, 18L, 19L, 18L, 19L, 14L), From = c(1989L,
1956L, 1970L, 1996L, 1985L, 2003L), To = c(2012L, 1973L, 1988L,
2014L, 2004L, 2016L), ASG = c(3L, 13L, 9L, 2L, 5L, 11L), G = c(2968L,
2599L, 2488L, 2425L, 2257L, 2096L), PA = c(12013L, 11230L, 9641L,
10081L, 8916L, 9001L), AB = c(10586L, 10230L, 8723L, 8480L, 8096L,
7853L), R = c(1445L, 1335L, 993L, 1453L, 1195L, 1321L), H = c(2877L,
2677L, 2326L, 2470L, 2333L, 2519L), X2B = c(456L, 394L, 389L,
574L, 444L, 523L), X3B = c(77L, 92L, 48L, 59L, 32L, 17L), HR = c(80L,
83L, 101L, 288L, 399L, 446L), RBI = c(951L, 791L, 950L, 1363L,
1425L, 1553L), SB = c(404L, 506L, 321L, 400L, 128L, 38L), CS = c(167L,
136L, 109L, 128L, 81L, 20L), BB = c(1028L, 736L, 736L, 1476L,
583L, 1011L), SO = c(1087L, 742L, 1186L, 1840L, 2003L, 1516L),
BA = c(0.272, 0.262, 0.267, 0.291, 0.288, 0.321), OBP = c(0.336,
0.311, 0.322, 0.395, 0.347, 0.399), SLG = c(0.352, 0.343,
0.357, 0.475, 0.499, 0.562), OPS = c(0.688, 0.653, 0.679,
0.87, 0.846, 0.961), Birthdate = structure(c(-983, -13031,
-7868, 1530, -3119, 4855), class = "Date"), Debut = structure(c(7032,
-5007, 95, 9740, 5713, 12223), class = "Date"), City = c("Caracas",
"Maracaibo", "Ocumare de la Costa", "Maracay", "Caracas",
"Maracay"), State = c("Distrito Federal", "Zulia", "Aragua",
"Aragua", "Distrito Federal", "Aragua"), Pos = c("POS", "POS",
"POS", "POS", "POS", "POS"), Active = c("Retirado", "Retirado",
"Retirado", "Retirado", "Retirado", "Activo")), .Names = c("Rk",
"Name", "Yrs", "From", "To", "ASG", "G", "PA", "AB", "R", "H",
"X2B", "X3B", "HR", "RBI", "SB", "CS", "BB", "SO", "BA", "OBP",
"SLG", "OPS", "Birthdate", "Debut", "City", "State", "Pos", "Active"
), row.names = c(NA, -6L), class = c("tbl_df", "tbl", "data.frame"
))
有正确命令的提示吗?
提前致谢。
丹尼尔。
最佳答案
您可以创建一个字符串变量,命名为(css 有效)或十六进制颜色:
Top_G <- mutate(Top_G, coloract = ifelse(Active == "Activo", "#FF0000", "#00FFFF"))
然后使用:
hc_add_series(Top_G, "column", hcaes(x = Name, y = G, color = coloract), name = "G", showInLegend = FALSE)
你也可以使用colorize
函数:
Top_G <- mutate(Top_G, coloract = colorize(Active, c("#FF0000", "#00FFFF")))
关于r - 如何更改取决于变量的 highcharter 柱状图的调色板颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42443906/
如何将导出模块包含到 angular2 应用程序中? 我尝试将以下脚本添加到 index.html 但没有任何反应。 最佳答案 从 Angular CLI 1.0-RC.1 和最新的 angular
我正在为 Web 应用程序使用 HighCharts Javascript 库。当我下载 Highchart 时,我需要 Highchart 水印图像。 我正在使用普通的 hicgchart 代码。
我是 highcharts 的新手。默认情况下,Highchart 在图表本身内显示工具提示。这是否可以在图表外部显示工具提示,并显示在与内部显示相同的位置。有帮助吗? 最佳答案 您可以定义自己的 d
我正在尝试使用日期时间格式的数据创建 highcharts 热图。数据以小时为单位,持续数天。我不希望图表每天都环绕,但希望所有数据都在一条线上。 具体来说,它用于显示每小时的云量百分比,因此每个热图
我正在用 angular 中的简单图形来验证 highcharts。但是导出按钮不显示。我在 html 页面中添加脚本: 并在图表中添加属性: export :true, navigat
我很想知道为什么按钮 2 在这个 example 中不起作用 在这个 jsfiddle 示例中,附加到按钮 1 的“更新”方法正在运行,但在我的原始代码中,“更新”也不起作用。它显示错误:“对象# 没
我正在尝试在 highcharts 中编辑工具提示的边框。 我遇到的问题是我只想显示底部边框。 例如,您可以执行以下操作: tooltip: {borderWidth: 10}//但问题是在整个工具提
Highcharts的十字线可以显示在面积图的顶部而不是隐藏在其下方吗? 这是问题jsfiddle.net/hHjZb/1286/的示例 最佳答案 更新: Highcharts现在已经实现了the O
在将图表导出为PNG时,我试图在饼图上添加图例。 这是我的代码: var chart_23_106; $(document).ready(function () { chart_23_106 = ne
带三角规的半圆饼 如何在图表顶部创建带有三角形仪表的上述半圆饼图。 我的车速表可以工作,但不能满足需要。 在highchart api中有没有办法使用三角形作为仪表,而不是车速表? 谢谢 最佳答案 这
我们使用的是Highchart气泡图,但是,当气泡x和y在图中位于同一位置且气泡y较小时,将无法看到或单击得很少的气泡。 有什么方法可以先绘制较大的气泡,然后在顶部绘制较小的气泡?还是说较小的始终位于
是否可以使用百分比设置 Highcharts 的宽度?每当调整页面大小时,图表应具有足够的响应速度以适合页面大小吗? One Solution 这里的问题是我有3个图表需要并排显示,每次调整页面大小时
我在更新基本列 Highcharts 时遇到问题。 我从服务器返回的 json 数组是: [{"name":"positive","data":[18,35,32,38]},{"name":"nega
有没有办法创建重叠的列? 例如在 this jsFiddle ,蓝色和红色列应如下所示相互重叠,蓝色在后面,红色在前面。 澄清一下,我不想要堆叠的列,蓝色和红色列都应该从 xAxis (y=0) 开始
如何自定义图例 从 对此 最佳答案 查看 Highcharts legend api 选项。您可以使用所需的 css 进一步自定义。使用适当的 svg 图像(背景颜色取自图表本身) legend: {
我正在尝试使用模式作为列范围以允许条形图工作。 图案出现但不使用预定义的图案,所以它只是纯蓝色。通常它使用已定义的条纹图案,并在散点图等上完美运行。 这是一个片段,展示了我的意思: Highchar
我正在使用 HighStock JS 库生成一个图表,该图表使用 xAxis 的线性序列(不是时间序列)。 我仍然想使用范围选择器来缩放到我的线性系列中的预定范围。这可能吗? 例如;说我的 xAxis
我需要从一个系列向下钻取到多个系列。但是下钻 id 在一个系列上似乎是唯一的,这意味着我无法从单个系列下钻到多个系列;只有一个。我该如何解决这个问题? 最佳答案 可以使用 chart.addSingl
我制作了一个带有分组和堆叠列的Highcharts图表,就像在这里的示例http://www.highcharts.com/demo/column-stacked-and-grouped一样。该示例显
如何在 highcharts/highstock 中将滚动条位置设置为Left? 如图表加载时的图像所示, 滚动条自动右对齐。 有没有办法将它定位到左侧? 最佳答案 我们可以通过将 min 设置为 0
我是一名优秀的程序员,十分优秀!