Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript css剪辑路径源url在解决方案中使用时发生更改_Javascript_Html_Css_Highcharts_Clip Path - Fatal编程技术网

Javascript css剪辑路径源url在解决方案中使用时发生更改

Javascript css剪辑路径源url在解决方案中使用时发生更改,javascript,html,css,highcharts,clip-path,Javascript,Html,Css,Highcharts,Clip Path,我需要通过css剪辑路径(源url-image-1)覆盖highcharts plotband div,这是我在JSFIDLE中实现的,对我来说很好 Highcharts.chart('container'{ 图表:{ 身高:250, plotBorderColor:“#bfbf”, 打印边框宽度:1, 间距:0, spacingRight:1, 间距底部:0, marginBottom:87 }, 标题:{ 文本:空 }, 学分:{ 已启用:false }, 图例:{ 对齐:“左”, 项目

我需要通过css剪辑路径(源url-image-1)覆盖highcharts plotband div,这是我在JSFIDLE中实现的,对我来说很好

Highcharts.chart('container'{
图表:{
身高:250,
plotBorderColor:“#bfbf”,
打印边框宽度:1,
间距:0,
spacingRight:1,
间距底部:0,
marginBottom:87
},
标题:{
文本:空
},
学分:{
已启用:false
},
图例:{
对齐:“左”,
项目样式:{
颜色:“000”,
fontSize:“11px!重要”,
fontWeight:“粗体”,
textOverflow:null
},
符号宽度:20,
x:17,
项目MarginBottom:6
},
xAxis:{
平均值:0.06,
键入:“日期时间”,
日期时间标签格式:{
周:“%b-%d-%Y”,
月份:'%b-%d-%Y',
年份:'%Y'
},
标签:{
风格:{
fontSize:“10px!重要”,
颜色:“000”
}
},
gridLineColor:“透明”,
网格线宽:0,
线宽:0,
minorGridLineWidth:0,
线条颜色:“透明”,
长度:0,
风格:{
fontSize:“10px!重要”,
颜色:“000”
}
},
亚克斯:[
{
分:0,,
最高:100,
时间间隔:20,
绘图带:[
{
颜色:“rgb(204,0,0)”,
起:0,,
致:30.99,
zIndex:3
},
{
颜色:“rgb(226113113)”,
起:31,,
致:44.99,
zIndex:3
},
{
颜色:“rgb(247209,34)”,
起:45,
致:54.99,
zIndex:3
},
{
颜色:“rgb(136207136)”,
起:55,,
致:68.99,
zIndex:3
},
{
颜色:“rgb(68180,68)”,
起:69,
至:87.99,
zIndex:3
},
{
颜色:“rgb(0153,0)”,
起:88,
致:100,,
zIndex:3
}
],
网格线宽度:0.5,
标题:{
案文:“”
},
标签:{
风格:{
fontWeight:'粗体',
颜色:“黑色”
},
x:-7,
y:5,
格式化程序:函数(){
返回此.value;
}
}
},
{
链接到:0,
标题:{
案文:“”
},
标签:{
已启用:false
}
}
],
打印选项:{
专栏:{
数据标签:{
启用:对,
格式化程序(){
返回“”;
}
}
},
系列:{
光标:“指针”,
国家:{
悬停:{
已启用:true
},
非活动:{
不透明度:1
}
},
enableMouseTracking:正确,
边框宽度:1,
边框颜色:“FFFFFF”,
阈值:0,//让零值具有一定的高度
标记:{
启用:false,
半径:2
},
最小点长度:10,
活动:{
legendItemClick:函数(){
返回true;
}
}
}
},
工具提示:{
useHTML:false,
分享:错,
followPointer:false,
格式化程序:函数(){
返回此.point.y;
}
},
系列:[
{
“颜色”:“rgb(0187221)”,
“数据”:[
{“x”:160149060000,“y”:25},
{“x”:16015770000,“y”:34},
{“x”:1601663400000,“y”:10},
{“x”:1601749800000,“y”:12},
{“x”:1601836200000,“y”:25},
{“x”:1601922600000,“y”:28},
{“x”:1602009000000,“y”:30},
{“x”:1602095400000,“y”:22},
{“x”:1602181800000,“y”:24},
{“x”:1602268200000,“y”:44},
{“x”:1602354600000,“y”:25},
{“x”:1602441000000,“y”:34},
{“x”:1602527400000,“y”:10},
{“x”:1602613800000,“y”:12},
{“x”:1602700200000,“y”:25},
{“x”:1602786600000,“y”:28},
{“x”:1602873000000,“y”:30},
{“x”:1602959400000,“y”:22},
{“x”:1603045800000,“y”:24},
{“x”:1603132200000,“y”:44},
{
  linkedTo: 0,
  title: {
    text: ""
  },
  width: 25,
  labels: {
    enabled: false
  },
  plotBands: [{
      color: 'rgb(204,0,0)',
      from: 0,
      to: 30.99,
      zIndex: 3
    },
    {
      color: 'rgb(226,113,113)',
      from: 31,
      to: 44.99,
      zIndex: 3
    },
    {
      color: 'rgb(247,209,34)',
      from: 45,
      to: 54.99,
      zIndex: 3
    },
    {
      color: 'rgb(136,207,136)',
      from: 55,
      to: 68.99,
      zIndex: 3
    },
    {
      color: 'rgb(68,180,68)',
      from: 69,
      to: 87.99,
      zIndex: 3
    },
    {
      color: 'rgb(0,153,0)',
      from: 88,
      to: 100,
      zIndex: 3
    }
  ],
}