echart双轴双柱双曲线

最新推荐文章于 2023-12-26 11:44:34 发布

酷酷的旭

最新推荐文章于 2023-12-26 11:44:34 发布

阅读量793

点赞数

CC 4.0 BY-SA版权

分类专栏： echarts 文章标签： echarts

本文链接：https://blog.youkuaiyun.com/weixin_43195512/article/details/116219603

本文介绍了如何使用Echarts库创建双轴双柱状图和双曲线图。通过示例代码展示了数据的初始化和配置，包括2020年和2021年的数据对比。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let list2020y = []
let list2020q = []
let list2021y = []
let list2021q = [1,2,3,4,5,6,7,8,9,10,11,12]

  // for (let i = 0; i < datas.length; i++) {
  //   //  console.log( datas[i].rq.slice(0,4))
  //   if(datas[i].rq.slice(0,4) == '2020'){
  //     list2020y.push(datas[i].jdwxyl)
  //     list2020q.push(datas[i].jdwxtrql)
  //   }
  //   if(datas[i].rq.slice(0,4) == '2021'){
  //     list2021y.push(datas[i].jdwxyl)
  //     list2021q.push(datas[i].jdwxtrql)
  //   }
  //   // console.log(list2020y)
  //   // console.log(list2020q)
  //   // console.log(list2021y)
  //   // console.log(list2021q)
  // }
  let TQZT_Echarts = echarts.init(document.getElementById("B2HCYK"));

  let option =  {
    // backgroundColor: "#0f375f",
 
    tooltip: {
      trigger: "axis",
      extraCssText:'font-size:40px;line-height:40px',

      axisPointer: {
        type: 'cross',
        label: {
          backgroundColor: '#6a7985'
        }
      }
    },
 
    legend: {
      data: ["2020外销油量气", "2020外销天然气量","2021外销油量气", "2021外销天然气量"],
      top: "0%",
      right: "100",
      textStyle: {
        // color: "rgba(250,250,250,0.6)",
        color: '#ffffff',
        fontSize: 38,
      },
    },
    xAxis: {
      data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],