echat 图表动态数据生成，渲染，自定义Y轴坐标值

重点：后台返回的是数组，获取返回字符串，封装成js数组对象，否则echat数据无效

自定义Y轴坐标，Y轴的比例数组跟，柱状图的MAX值与MIX值，必须设置，否则图标无效

   <td class="tab-border"><div id="passenger_yoy_main1" style="width: 24vw;height:25vh;"></div></td>

    //Y轴比例数组var scaleArr=new Array([10, 20, 30, 40, 50, 60, 70, 80]);//柱状图最大值var scaleMaxY=80;//柱状图刻度值var scaleSplitNumber=9;//环比查询function momDateList(id,searchDate) {//环比的Idvar searchId=id.replace(/[^0-9]/ig,"");//构建柱状图var passengerMomBarChartMainChart = echarts.init(document.getElementById('passenger_mom_barchart_main'+searchId));//构建图表var passengerMainChart = echarts.init(document.getElementById("passenger_mom_main"+searchId));//加载数据时的圈圈passengerMainChart.showLoading();passengerMomBarChartMainChart.showLoading();var option ={};$.ajax({url: "#(path)/manager/censusManager/dtStatisticBusiness/AA",data: {searchColumn: searchColumn,searchDate: searchDate},type: "POST",success: function (data1) {//隐藏圈圈passengerMainChart.hideLoading();passengerMomBarChartMainChart.hideLoading();if (data1.msg == "success") {var option ={tooltip: {trigger: 'item',//数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。// formatter: '{a} <br/>{b} : {c} ({d}%)'},series: [{// name: '访问来源',type: 'pie',radius: '40%',center: ['50%', '50%'],data: data1.dataList,}]};passengerMainChart.setOption(option);//将总量存到数组中var initBarChatArr=new Array(data1.synthesizeNum);var barChartOption = {grid:{//left:'8%',//right:'0',bottom:'1%',//containLabel:true//常用于『防止标签溢出』的场景},xAxis: {type: 'category',data: ['Mon'],show:false,//不显示坐标轴线、坐标轴刻度线和坐标轴上的文字axisTick:{show:false//不显示坐标轴刻度线},axisLine: {show: false,//不显示坐标轴线},axisLabel: {show: false,//不显示坐标轴上的文字}},yAxis: {data: scaleArr, //动态刻度表type: 'value',max: scaleMaxY,  //动态设置最大值   一定要设置，否则图表失效min: 0,      //最小值splitNumber:scaleSplitNumber,    //9个刻度线，也就是8等分（刻度线data-1）show: false,splitLine: {show: false}},series: [{data: initBarChatArr,type: 'bar',barWidth:20,backgroundStyle: {color: 'rgba(220, 220, 220, 0.8)'},itemStyle: {normal: {label: {show: true, //开启显示position: 'top', //在上方显示textStyle: { //数值样式color: 'black',fontSize: 12}}}},}]};passengerMomBarChartMainChart.setOption(barChartOption);}}})}

echat 图表动态数据生成，渲染，自定义Y轴坐标值相关推荐

R语言使用rnorm函数生成正太分布数据、使用plot函数可视化散点图、使用ylim参数自定义Y轴取值范围
R语言使用rnorm函数生成正太分布数据.使用plot函数可视化散点图.使用ylim参数自定义Y轴取值范围目录 R语言使用rnorm函数生成正太分布数据.使用plot函数可视化散点图.使用ylim参 ...
python使用matplotlib可视化、自定义Y轴轴标签刻度旋转的角度(customize degree rotating axis tick labels in matplotlib)
python使用matplotlib可视化.自定义Y轴轴标签刻度旋转的角度(customize degree rotating axis tick labels in matplotlib y aix ...
Python使用matplotlib可视化多个时间序列数据、添加双Y轴、以显示具有不同尺度的时间序列数据（secondary y axis)
Python使用matplotlib可视化多个时间序列数据.添加双Y轴.以显示具有不同尺度的时间序列数据(Plotting with different scales using secondary ...
Winform中实现ZedGraph新增自定义Y轴上下限、颜色、标题功能
场景 Winform中实现ZedGraph的多条Y轴(附源码下载): https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1001322 ...
echart 折线图设置y轴单位_Echarts自定义Y轴
1-Y轴默认.png 修改后: 2-1-字符串模板自定义Y轴刻度.png 代码: let option = { title: { text: 'ECharts 入门示例' }, tooltip: {} ...
echarts 自定义y轴高度
echarts 自定义y轴高度 <div class="eqBox"><div id="main"></div> </ ...
先建立一个Point（点）类，包含数据成员x，y（坐标点）。以它为基类，派生出一个Circle（圆）类，增加数据成员r（半径），再以Circle类为直接基类，派生出一个Cylinder（圆柱体）类，再
先建立一个Point(点)类,包含数据成员x,y(坐标点).以它为基类,派生出一个Circle(圆)类,增加数据成员r(半径),再以Circle类为直接基类,派生出一个Cylinder(圆柱体)类,再 ...
python点击屏幕坐标_通过Python，如何获取鼠标在屏幕上的X、Y轴坐标点
最近在开发基于模拟器的微信自动添加好友工具时,需要获取模拟器中相应按钮,在当前屏幕中的X.Y轴坐标点.先前都是通过"Ctrl+Alt+A"截屏的方式获取.如下图红框部分所示: 由 ...
用excle插入自定义两列（行）数据作为X、Y轴生成图表
最近在学习DSP的ADC采集模块,当采集到数据后,往往需要将两列差分信号的数据生成散点图,查了好多资料都没有一个系统的讲解,索性自己探索一下!经过不翻车索,终于研究出来了,对该过程进行一下记录.防止自 ...

echat 图表动态数据生成，渲染，自定义Y轴坐标值

重点：后台返回的是数组，获取返回字符串，封装成js数组对象，否则echat数据无效

自定义Y轴坐标，Y轴的比例数组跟，柱状图的MAX值与MIX值，必须设置，否则图标无效

echat 图表动态数据生成，渲染，自定义Y轴坐标值相关推荐

最新文章

热门文章

echat 图表动态数据生成，渲染，自定义Y轴坐标值

重点： 后台返回的是数组，获取返回字符串，封装成js数组对象，否则echat数据无效

自定义Y轴坐标，Y轴的比例数组跟，柱状图的MAX值与MIX值，必须设置，否则图标无效

echat 图表动态数据生成，渲染，自定义Y轴坐标值相关推荐

最新文章

热门文章

重点：后台返回的是数组，获取返回字符串，封装成js数组对象，否则echat数据无效