Echarts如何把折线图的最后一段变为虚线
/* 申请融资金额预测echart */ $scope.applyFinancingForecast = { nameList:[ '申请融资金额', '增长率' ], xAxisList:[ '2015-1', '2015-2', '2015-3', '2015-4', '2015-5','2015-6', '2015-7', '2015-8' ], barData:[ 15, 58, 83, 69, 55, 30, 79, 35 ], lineData:[10, 18, 22, 16,13,8,19,50] }; function applyFinancingForecastO1() { option1 = { tooltip : { trigger: 'axis' }, calculable : true, legend: { data:[ '申请融资金额', '增长率' ], x:'right' }, xAxis : [ { type : 'category', data : [ '2015-1', '2015-2', '2015-3', '2015-4', '2015-5','2015-6', '2015-7', '2015-8' ] } ], yAxis : [ { type : 'value', name : '申请融资金额(万元)', min : 0, max : 100, position : 'left', axisLine : { lineStyle : { color : '#999' } }, axisLabel : { formatter : '{value}' } }, { type : 'value', name : '增长率(%)', min : 0, max : 25, position : 'right', axisLine : { lineStyle : { color : '#999' } }, axisLabel : { formatter : '{value}%' } } ], series : [ { name:'申请融资金额', type:'bar', barWidth : 40, data:[ 15, 58, 83, 69, 55, 30, 79, 35 ] }, { name:'增长率', type:'line', yAxisIndex: 1, data:[10, 18, 22, 16,13,8,19,50] } ] }; var myChart = echarts.init(angular.element("#financePredict")[0]); myChart.setOption(option1); }
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
折线我搞好了,柱状图怎么弄呢?,我单独添加一条数据的话,那每个横坐标每个单位上就会出现两个柱子的宽度。
@王超
柱状图的宽度也可以进行设置的。api中说明。不知道是不是你说的意思
最后一节的数据单独设置style