Javascript highcharts散点图中的单个点颜色
请尝试以下代码:Javascript highcharts散点图中的单个点颜色,javascript,charts,highcharts,Javascript,Charts,Highcharts,请尝试以下代码: <script src="http://code.highcharts.com/highcharts.js"></script> <div id="container" style="height: 400px"></div> 或者把它放进去 HighCharts将最后一个条形图涂成红色。现在,如果将图表类型从“column”更改为“scatter”,您将看到HighCharts不会为最后一个标记上色,而是为其工具提示上色 如
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
或者把它放进去
HighCharts将最后一个条形图涂成红色。现在,如果将图表类型从“column”更改为“scatter”,您将看到HighCharts不会为最后一个标记上色,而是为其工具提示上色
如何使HighCharts为散点图中的特定点着色?设置“fillColor”,而不是(或同时)设置“color”:
您不需要设置
fillColor
<代码>颜色可以工作,就像在您的示例中一样,如果将系列类型设置为散点
(与图表类型相反):
$(函数(){
var图表=新的Highcharts.图表({
图表:{
renderTo:'容器',
},
系列:[{
键入:'scatter',//您应该将color
设置为其工具提示的颜色。您如何将“hover”状态颜色设置为与颜色/fillColor匹配,而不是为所有点设置相同的hover-fillColor?如果有人对此有问题,我做了系列:[{数据:[194.1,95.6,{y:54.4,标记:{fillColor:'#FF0000'}]
要让它工作,有人知道如何为气泡设置黑色边框吗?我的系列包含类似2d数组的数据。例如,数据:[[1,2],[3,4]],我想为每个点添加不同的特定颜色。有人能帮我吗?谢谢,设置系列的“color
属性而不是它的标记。fillColor
会使悬停光晕与点的颜色匹配。
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column'
},
series: [{
data: [194.1, 95.6, {y:54.4,color:'#FF0000'}]
}]
});
});
series: [{
data: [194.1, 95.6, {y:54.4, fillColor:'#FF0000'}]
}]