第46页，共152页。 显示 1,517 条结果 (0.036 秒)
Echarts图形-扩展属性：双柱图加面积图的实现
（本文档仅供参考） 问题 想实现下面的双柱图的效果，通过加一个折线图，这个折线图是两个指标值的差值，效果图如下： image2021-2-8_15-3-43.png 解决方案 差值是D4单元格减去C4单元格，然后基于这些数据作图，如下： image2021-2-8_15-17-42.png image2021-2-8_15-18-33.png 可以使用扩展属性实现，如下： { // //鼠标提示 // "tooltip": { // "show": true, // "backgroundColor": "#87cefa", // "formatterEcharts图形-扩展属性：实现横条图+折线图效果
（本文档仅供参考） 问题 联合图中图形都是纵向的，希望实现横条图+折线图的横向效果，通过联合图无法直接设置实现。 解决方案 可通过对横条图使用扩展属性修改图形类型实现此效果，步骤如下所示。 先生成横条图，如下图所示： image2022-11-28_10-55-9.png 再参考以下扩展属性，将横条图的一个系列更改为折线图，即可实现此效果： { "series": [ { "type": "bar" //第一个数据系列为柱图 }, { "type": "line" //第二个数据系列为折线图 } ] } image2022-11-28_10-5Echarts树图导出PNG和展示的图形颜色效果不一致
问题 导出后背景颜色改变： image2018-11-16 19:16:24.png 原因及解决方案 导出功能的运行js环境和浏览器的环境不一样，对于一些特殊的颜色设置没有很好的支持，应该建议在设置【扩展属性的颜色】时，不用使用【lightgray】这样的英文字样颜色来设置，尽量使用【#fff】之类的颜色代码来设置 树图导出颜色不一样在较低版本的IE11上不能正常使用,或打开echarts时报错
（本文档仅供参考） 问题说明 对于IE11的早期版本（RTM版或低于11.0.9的版本）,可能会出现功能界面不能正常显示的问题，例如：展开资源树某节点时资源树会消失留下一大片空白、新建透视分析界面时右下角行/列/度量操作区挤在一起等。 解决方案 这些问题是因为IE11的早期几个版本有非常多缺陷。建议打补丁升级IE11的版本。 因windows系统版本太多，对于更新补丁包，请从微软官方支持中寻找当前所使用操作系统的所需补丁： https://technet.microsoft.com/zh-cn/library/security/MS14-035 https://technet.microsoft.com/zh-cn/liEcharts图形-扩展属性：X轴坐标轴名称与轴线之间的距离调整
（此文档仅供参考） 问题 希望调整x轴坐标轴名称与轴线的距离，避免重叠，如下图 image2021-11-3_11-29-30.png 实现方案 可以用以下扩展属性实现：（具体值设置大小可结合实际调整） { "xAxis": { "nameGap": 30 } } image2021-11-3_11-32-12.png x轴名称距离标线距离删除标签Echarts图形-扩展属性：图例样式，只保留线不显示点（折线图）
(本文档仅供参考) 问题 如何修改图例样式，只保留线不显示点 image2021-6-2_18-22-42.png 解决方案 可以使用扩展属性实现 { "legend": { "show": true, "icon": "line" } } 效果如下： image2021-6-2_18-23-15.png 若使用联合图，一个是柱图，一个是线图，只修改线图图例样式为横线可参考如下扩展属性： { "legend": [{ "itemWidth": 12, "itemHeight": 12,Echarts图形-扩展属性：图例布局排版，图例间距，未选择状态下的颜色
（本文档仅供参考） 问题 想修改图例的布局从 横向排版 变成 竖向排版，同时修改图例的间距，以及未选择状态下的颜色 解决方案 可以使用扩展属性实现，如下： { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向，vertical竖向排版，horizontal横向 "align": "left", //图例对齐方式 "itemGap": 20, //修改图例的间距 //未选择默认是灰色，若想自定义设置未选择的颜色，可改下面的属性 "inactivEcharts图形-扩展属性：Y轴刻度标签与轴线之间的距离
（本文档仅供参考） 问题 如何调整y轴的标签值距离轴线向左偏移？ worddav0b0d24883355eed55d709a260164dbf2.png 解决方案 可以写扩展属性实现： { "yAxis": { "axisLabel": { "margin": 20, //刻度标签与轴线之间的距离。 "left": -8, //整个echart位置 "textStyle": { "align": "left" } } } } 最终效果： worddave561b3233e37e8a4c3d641cf102b3247.png 轴标签和轴线距离Echarts图形-扩展属性：axis类型的鼠标类型怎么修改提示文本
（此文档仅供参考） 问题 如下图效果 希望去掉前面的原点，减少 名称和数值间的间距 image2022-6-27_18-47-41.png 解决办法 { tooltip: { trigger: 'axis', axisPointer: { type: 'line' }, formatter: function (data) { var formatterdata=""; for(i=0;i<data.length;i++){ formatterdata += data[i].seriesName + '：' +data[i].value[1].toLocaleString()+ '<br>' }; returnEcharts图形-扩展属性：联合图柱图显示上方，面积图显示在下方
（本文档仅供参考） 问题 联合图如何将面积图放到柱图后边 image2020-3-9 14:14:29.png 解决方案 此问题可以通过以下扩展属性处理实现： { "series": [{ "zlevel": 1 }, { "zlevel": 0 }] } image2020-3-9 14:15:47.png 在V97中Zlevel无法通过扩展属性修改实现，需要通过宏实现，示例如下： image_1631945965003_73a7o.png function main(chartView) { var chart = c
