修改echarts样式 总结(loading)

去掉折线图的点:

链接:(https://blog.csdn.net/k912120/article/details/84478191)(侵删)

symbol: 'none'
option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        symbol: 'none',  //取消折点圆圈
        smooth: true
    }]
};

 

实现折线图的拐点为空心圆圈:

链接:(https://blog.csdn.net/Little_Pig_Bug/article/details/82856971)(侵删)

   series[{
      symbol: 'circle',
      itemStyle: {
        normal: {
            color: "#000",
            borderColor: '#f58f23',
            borderWidth: 1,
        }
      },    
   }]

color:是legend的颜色,也是圆的填充色,

borderColor:圆圈的border

borderWidth: 圆圈border的宽度

 

echarts自适应大小:

window.addEventListener('resize', function() {
  CenterBottomTopRightChart.resize(); 
});

你可能感兴趣的:(修改echarts样式 总结(loading))