Javascript Highcharts API fillColor属性不工作
在highchairs api中使用fillColor属性时遇到问题。下面是我的代码。我已经尝试使用rgb值设置fillColor属性,并将其设置为颜色。例如,我尝试了fillColor:“蓝色”,。不管我怎么做,我的折线图都没有填充颜色。我可以更改线条颜色和标记的颜色Javascript Highcharts API fillColor属性不工作,javascript,highcharts,Javascript,Highcharts,在highchairs api中使用fillColor属性时遇到问题。下面是我的代码。我已经尝试使用rgb值设置fillColor属性,并将其设置为颜色。例如,我尝试了fillColor:“蓝色”,。不管我怎么做,我的折线图都没有填充颜色。我可以更改线条颜色和标记的颜色 <script> $(function() { $('#container').highcharts({ credits : { enabled: false }, exporting: { enabled:
<script>
$(function() {
$('#container').highcharts({
credits : {
enabled: false
},
exporting:
{
enabled: false
},
chart: {
type: 'line'
},
title: {
text: "Progress"
},
subtitle: {
text: 'Village Print & Media'
},
xAxis: {
title:{
margin: 50,
text: "February"
},
categories: ["2/3", "2/6", "2/9", "2/12", "2/15", "2/18", "2/21", "2/24", "2/27"]
},
yAxis: {
title: {
text: "Points"
}
},
plotOptions: {
series: {
color: "black",
fillColor: "#00FF00",
fillOpacity: 0.7,
},
line: {
dataLabels: {
enabled: false
},
enableMouseTracking: true
}
},
legend: {
layout: 'vertical',
align: 'left',
verticalAlign: 'middle',
borderWidth: 2
},
series: [{
name: 'Points Ray',
data: [5, 10, 15, 17, 25, 30, 34, 35, 50]
}]
});
});
</script>
$(函数(){
$(“#容器”)。高图({
学分:{
已启用:false
},
出口:
{
已启用:false
},
图表:{
类型:“行”
},
标题:{
案文:“进展”
},
副标题:{
文字:“乡村印刷与媒体”
},
xAxis:{
标题:{
差额:50,
案文:“2月”
},
类别:[“2/3”、“2/6”、“2/9”、“2/12”、“2/15”、“2/18”、“2/21”、“2/24”、“2/27”]
},
亚克斯:{
标题:{
案文:“要点”
}
},
打印选项:{
系列:{
颜色:“黑色”,
fillColor:#00FF00“,
不透明度:0.7,
},
行:{
数据标签:{
已启用:false
},
enableMouseTracking:true
}
},
图例:{
布局:“垂直”,
对齐:“左”,
垂直排列:'中间',
边框宽度:2
},
系列:[{
名称:'点射线',
数据:[5,10,15,17,25,30,34,35,50]
}]
});
});
直线系列没有fillColor属性(它将填充什么?)。如果你想要一个填充的区域,你需要使用区域序列类型:我把图表类型改成了区域,它成功了。非常感谢。