1、创建折线图的数据区(包括年份和数据)。
2、仅选择数据区创建折线图(插入选项卡/图表工具组/折线图)。
3、得到的折线图x坐标不满足要求,在图表区单击鼠标右键,选择“选择数据”,进入“选择数据源”对话框。
4、单击对话框右侧“水平分类轴标签”下的y轴属性设置 position:'right', yAxis : [ { position:'right', type : 'value', splitArea : {show : true} } ],
echarts Y轴上的数值是根据注入的参数而决定的,如果没有值,就是0,相反参数越大,y轴的数值也越大
可以在一个坐标上设置多轴线。option 里面: yAxis:[{轴线1的配置项},{轴线2的配置项},{轴线3的配置项}] 在多轴线状态下,可以通过设置 yAxis 的 offset 属性来确定每个轴线的位置
yAxis: [ { type: 'value', min: 0, max: 900 } ] 其实可以的话,应该是 获取y轴最大数据max然后+50(随便,不加也可以)然后取整,在来个循环设成100,,50的倍数(10的倍数都可以,看个人喜好),不这样参差不齐y轴很难看的(因为一般默认是y轴...
参考资料
ldxd:http://www.ldxd.net/read/3-c8-e7-ba-ce-c8-c3echarts-d6-d0y-d6-e1-b5-c4-b5-a5-ce-bb-ce-bb-d3-da-ca-fd-d6-b5-b5-c4-d3-d2-c9-cf-bd-c7.html
先把ds.Tables[0].Rows[0][j].ToString()中的值赋给一个字符串,然后在让它在tooltip中显示就OK了!如:string str=""
for(int j=0j<ds.Tables[0].Columns.Countj++)
{
str=ds.Tables[0].Rows[0][j].ToString()
}
this.toolTip1.SetToolTip(this.label1,str)
1、首先需要引入echarts的包。
2、然后创建折线图存放的div,这里需要设置id值和大小。
3、再然后设置js方法初始化图表。
4、初始化图表后就开始设置option的内容。
5、设置完内容开始设置图表的值。
6、这样图表就设置完成了但是界面没有地方去触犯这个图表,所以需要写个页面打开时初始加载的方法。
7、运行项目打开页面,就能看的图表效果了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)