首页 > 其他 > 详细

Echarts折线图阴影

时间:2021-06-24 22:36:51      阅读:19      评论:0      收藏:0      [点我收藏+]
var myChart = echarts.init(document.getElementById(‘main‘));
// 指定图表的配置项和数据
var option = {
  legend: {
    data: [‘高度(km)与气温(°C)变化关系‘]

  },
  tooltip: {
    trigger: ‘axis‘,
    formatter: ‘Temperature : <br/>{b}km : {c}°C‘
  },
  grid: {
    left: ‘3%‘,
    right: ‘4%‘,
    bottom: ‘3%‘,
    containLabel: true
  },
  xAxis: {
    type: ‘value‘,
    axisLabel: {
      formatter: ‘{value} °C‘
    }
  },
  yAxis: {
    type: ‘category‘,
    axisLine: { onZero: false },
    axisLabel: {
      formatter: ‘{value} km‘
    },
    boundaryGap: false,
    data: [‘0‘, ‘10‘, ‘20‘, ‘30‘, ‘40‘, ‘50‘, ‘60‘, ‘70‘, ‘80‘]
  },
  series: [
    {
      name: ‘高度(km)与气温(°C)变化关系‘,
      type: ‘line‘,
      smooth: true,
      lineStyle: {
        width: 5,
        shadowColor: ‘rgba(73,146,255,0.8)‘,
        shadowBlur: 6,
        shadowOffsetY: 20
      },
      data: [15, -50, -56.5, -46.5, -22.1, -2.5, -27.7, -55.7, -76.5]
    }
  ]
};
if (option && typeof option === "object") {
  myChart.setOption(option, true);
}

技术分享图片

Echarts折线图阴影

原文:https://www.cnblogs.com/zk12138/p/14927392.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!