echart双轴双柱双曲线

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月'
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Tableau双轴图是一种常用的数据可视化工具,它可以同时显示两个不同的指标在同一图表中。这种图表通常使用面积折线图、柱状图或散点图等形式来展示数据。 使用双轴图有以下几个优点: 1. 同一张图表上可以呈现多个指标,使得数据比较直观。通过对比两个指标,我们可以更清晰地了解它们之间的关系和趋势。 2. 双轴图可以节省空间,避免创建多个图表,使得数据分析更加简洁高效。同时,它还可以减少读者的阅读复杂性和认知负荷。 3. 双轴图的呈现方式灵活多变。例如,可以将两个指标使用不同的图形形式展示,或者在同一个图形上使用不同的轴刻度,进一步突出它们之间的差异。 4. 通过设置合适的轴标签和刻度线,可以更好地解释数据背后的含义,使得数据图表更具可读性和用户友好性。 然而,双轴图也有一些限制和注意事项: 1. 在使用双轴图时,需要确保两个指标之间具有一定的相关性或可比性,否则图表可能会产生误导或混淆。 2. 需要注意轴标签的清晰度和精确性,确保读者能够正确理解数据的含义。 3. 轴线的位置和刻度之间需要有足够的空间,以免混淆两个指标的数据点。 4. 选择合适的图形形式和颜色方案,以便更好地展示数据。 总之,Tableau双轴图是一种功能强大的数据可视化工具,可以帮助我们更好地理解数据,并从中发现规律和趋势。在使用双轴图时,我们需要根据数据的特点和目标需求,合理选择图形形式和轴设置,以确保图表的清晰度和可读性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值