页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(本文档仅供参考)

问题

柱图+线图的横向双x联合图怎么做?

解决方案

横向的双X联合图可以以横向柱图为基础,通过扩展属性修改图形样式和x轴设置。设置过程如下图所示:

Image Modified

Image Modified

扩展属性可参考以下代码:

代码块
{
"xAxis": [{
"type": 'value' //第一个x轴
}, {
"type": 'value' //第二个x轴
}],
"series": [{
"type": 'line', //类型设置为折线图
"xAxisIndex": 0 //显示在第一个x轴上
}, {
"xAxisIndex": 1 //显示在第二个x轴上
}]
}

效果如下图所示:

Image Modified