echarts 折线 step line x轴的线实线，y轴虚线

设计图上要求折线x轴为实线，y轴的线为虚线，文档找了半天没发现这个设置，我最后我决定将折线全都设置成虚线

series: [{type: "line",xAxisIndex: 0,step: "start",symbol: "none",connectNulls: true,itemStyle: {color: "#407aff",},lineStyle: {type: "dashed", // 这里，设置折线类型},data: [[0, 100],[2, 100],[4, 85],[6, 60],[8, 45],[10, 20],[12, 10],],},

然后在将x轴的实线用柱状图表示，可以用堆叠柱形图，然后将下面堆叠的部分设置为和背景色一样就ok啦~

          {type: "bar",xAxisIndex: 1, // 多设置一组x轴，否则会和折线图平行stack: "rwd", // 两个堆叠的柱状图需设置一样itemStyle: {barBorderColor: "rgba(0,0,0,0)",color: "rgba(0,0,0,0)", // 柱状图颜色为透明},data: [99, 84, 59, 44, 19, 9], },{type: "bar",xAxisIndex: 1,stack: "rwd",barWidth: "100%",itemStyle: {color: "#407aff",},data: [1.5, 1.5, 1.5, 1.5, 1.5, 1.5],},

echarts 折线 step line x轴的线实线，y轴虚线相关推荐

vue中echarts折线图双折线，鼠标悬浮时间，将两个X轴的内容以及Y轴的内容全部显示出来
vue中echarts折线图双折线,鼠标悬浮时间,将两个X轴的内容以及Y轴的内容全部显示出来: 只要修改一个地方,用formatter方法 tooltip: {trigger: 'axis',axis ...
Python使用matplotlib函数subplot可视化多个不同颜色的折线图、使用set_major_formatter函数自定义设置y轴数值标签格式为百分比
Python使用matplotlib函数subplot可视化多个不同颜色的折线图.使用set_major_formatter函数自定义设置y轴数值标签格式为百分比目录
matlab两个图共用一个x轴_Matlab绘制多x轴和多y轴图(双x双y轴/单x双y轴/双x单y轴图等)，及坐标轴参数汇总...
Matlab绘制双x双y轴/单x双y轴/双x单y轴图,看别的教程是用line语句,但其实用plot和scatter都是可以(自己已经实践).绘制轴数量.轴位置(XAxisLocation和YAxisL ...
怎么找到一抛物线数组的顶点_抛物线与顶点坐标的关系如何确定抛物线开口是向上还是向下?知道抛物线的定点坐标,和x轴的交点或y轴的交点,怎么求抛物线的解析式?抛物线的顶点坐标与抛物线还有什么关系?...
我想这个你应该有用一.理解二次函数的内涵及本质 . 二次函数 y=ax2 + bx + c ( a ≠ 0 , a . b . c 是常数)中含有两个变量 x . y ,我们只要先确定其中一个变量,就 ...
R语言ggplot2可视化使用不连续的y轴、中断的Y轴来可视化数值分布差异很大的数据实战：把数据轴分为两个区间或者多个区间来匹配不同区间数据的可视化（因为有的数据可能10附近，有的数值可能1W附近）
R语言ggplot2可视化使用不连续的y轴.中断的Y轴来可视化数值分布差异很大的数据实战:把数据轴分为两个区间或者多个区间来匹配不同区间数据的可视化(因为有的数据可能10附近,有的数值可能1W附近) ...
自动锁螺丝机程序三轴龙门架式（Y轴带着X z轴一起动，吸钉式)显控触摸屏加三菱FX3GA或者FX3U
自动锁螺丝机程序三轴龙门架式(Y轴带着X z轴一起动,吸钉式)显控触摸屏加三菱FX3GA或者FX3U , 用PLC变址寄存器做配方,程序思路清晰,带详细注解. 支持示教调整每颗螺丝位置. 可以设定从第 ...
R语言作业：1.mpg数据的cty（城市燃油效率）和hwy（高速公路燃油效率）之间有什么关系？请制作x轴是cty，y轴是hwy的算点图。请把图片储存起来上传
这是一份R语言作业: 1.mpg数据的cty(城市燃油效率)和hwy(高速公路燃油效率)之间有什么关系? 请制作x轴是cty,y轴是hwy的算点图. 请把图片储存起来上传了解哪些公司生产的" ...
echarts图表x轴基准线（平行y轴）
1. 生成当前时间基准线 option = {title: {text: '折线图堆叠'},tooltip: {trigger: 'axis'},legend: {data: ['邮件营销']},gr ...
pyqt5,Qchart画折线图,设定多个不同刻度的Y轴,修改自定义折线图的坐标轴,改变折线图的底色
就是这些自己遇到的需求: 如有不对,请大佬不吝赐教. Qchart设定多个不同刻度的Y轴修改自定义折线图的坐标轴改变折线图的底色,底色透明鼠标悬停事件 import datetime impor ...

echarts 折线 step line x轴的线实线，y轴虚线

echarts 折线 step line x轴的线实线，y轴虚线相关推荐

最新文章

热门文章