Echarts如何把折线图的最后一段变为虚线

CrazySHOW1 发布于 2016/12/01 16:06
阅读 1K+
收藏 0
/* 申请融资金额预测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); 
 } 

以下是问题补充:

@CrazySHOW1:变成下图这样 (2016/12/01 16:10)
加载中
0
王超
王超
最后一节的数据单独设置style
王超
王超
@CrazySHOW1 回复@CrazySHOW1 : 柱状图的宽度也可以进行设置的。api中说明。不知道是不是你说的意思
C
CrazySHOW1
折线我搞好了,柱状图怎么弄呢?,我单独添加一条数据的话,那每个横坐标每个单位上就会出现两个柱子的宽度。@王超
返回顶部
顶部