hightcharts 如何修改legend图例的样式

正常状况下hightcharts 的legend图形是根据他自己默认的样式来显示,以下图spa

这几个图形的形状通常也是改不了的,只能根据图表的类型显示默认的。可是咱们能够经过修改默认的样式来展现一些能够实现的形状。code

以下图:blog

 

查看源代码以下图,class

找到class,是highcharts-graph,咱们能够直接在页面里修改class的样式就ok了im

.highcharts-graph{
  stroke-width:0
}

 

不管里面的属性是什么均可以这样修改,若是里面的属性是y=“18”,咱们能够修改成d3

.highcharts-graph{

 y:10 //根据本身的状况修改

}

结合这些样式,咱们能够定义一些常见图标如,圆形,正方形,关键的是咱们能作到全部的图标的样式统一,不会像第一张图那样各个不同。图表

相关文章
相关标签/搜索