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

发布于 2021-12-01 20:14:59 字数 2127 浏览 819 评论 4

/* 申请融资金额预测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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

虐人心 2021-12-03 15:05:46

折线我搞好了,柱状图怎么弄呢?,我单独添加一条数据的话,那每个横坐标每个单位上就会出现两个柱子的宽度。
@王超

傾城如夢未必闌珊 2021-12-03 14:49:32

柱状图的宽度也可以进行设置的。api中说明。不知道是不是你说的意思

蓝颜夕 2021-12-03 10:53:05

最后一节的数据单独设置style

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文