apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.21k stars 19.6k forks source link

echarts4.0折线图在小程序中好像不兼容安卓和IOS样式(拐点样式) #8238

Closed lijianhu1 closed 4 years ago

lijianhu1 commented 6 years ago
echarts4.0版本折线图在小程序中好像不兼容安卓和IOS样式(拐点样式) ### One-line summary [问题简述] 我司小程序项目中的拐点样式是白底红框的圆形,我再安卓上已经实现了该效果,但是在IOS上除了第一个拐点是正常,其他拐点都是黑色的,尝试过各种办法仍无法解决问题。且当我把xAxis.boundaryGap设为false时,最后一个拐点未渲染出来。 ### Version & Environment [版本及环境] + ECharts version [ECharts 版本]: 4.0.4 + Browser version [浏览器类型和版本]: 小程序 + OS Version [操作系统类型和版本]: IOS ### Expected behaviour [期望结果] 若在下操作问题还望指点,如是echart兼容性问题,也希望能早日解决。谢谢! ### ECharts option [ECharts配置项]
option = {
backgroundColor: "#f3f4f8",
    color: ["#fd5064"],
    tooltip: {
      trigger: 'none'
    },
    legend: {
      // data: ['A商品']
    },
    grid: {
      containLabel: true,
      left:10,
      right:20,
      bottom:20,
      top:20,
    },

    xAxis: {
      type: 'category',
      boundaryGap: true,
      data: _date,
      minInterval:1,
      splitLine:{
        show:true,
        lineStyle:{
          color:'#fff'
        }
      },
      axisTick:{
        show:false,

      },
      axisLine:{
        show:false
      },
      axisLabel:{
        show:true,
        interval:0,
      },
      interval:1,
    },
    yAxis: {
      x: 'center',
      type: 'value',
      min:0,
      minInterval:1,
      splitLine:{
        show:true,
        lineStyle:{
          color:'#fff'
        }
      },
      axisLine:{
        show:false
      },
      axisTick:{
        show:false
      },
      axisLabel : {
        formatter: function(){
          return "";
        }
      }
    },
    series: [{
      // name: '过去7日零钱收益',
      type: 'line',
      smooth: false,  //平滑度
      data: _value,
      symbolSize: 8,//拐点大小
      symbol:'circle',//拐点样式
      areaStyle: {
        color:'#f9eaed',
        shadowColor:'#f9eaed'
      },
      itemStyle : {
        normal: {
          label : {show: true,formatter:'+{c}',color:'#ff4f66'},
          color:'#fff',
          borderColor:'#ff4f66',
          borderWidth:2,
          shadowColor:'#fff',
          shadowBlur:0,
          lineStyle:{
            width:2,//折线宽度
            color:"#ff4f66"//折线颜色
          }
          },

      },

    }]
}

Other comments [其他信息]

stale[bot] commented 4 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.