echarts-设置折线图中折线线条颜色和折线点颜色

1、问题背景

     设计一条折线图,但是图形中不用插件自带的颜色,需要自定义线条和折点的颜色

 

2、实现源码

(1)图形自分配颜色

DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title>echarts-设置折线图中折线线条颜色和折线点颜色title>  
        <link rel="shortcut icon" href="../js/echarts-2.2.7/doc/asset/ico/favicon.png">  
        <script type="text/javascript" src="../js/echarts-2.2.7/doc/asset/js/jquery.min.js" >script>  
        <script type="text/javascript" src="../js/echarts-2.2.7/doc/example/www2/js/echarts-all.js" >script>  
        <style>  
            body,html{
      
                width: 99%;  
                height: 99%;  
                font-family: "微软雅黑";  
                font-size: 12px;  
            }  
            #line{
      
                width: 100%;  
                height: 100%;  
            }  
        style>  
        <script>  
            $(function(){  
                var chart = document.getElementById('line');    
                var echart = echarts.init(chart);   
                  
                var option = {  
                    title: {  
                        text: ''  
                    },  
                    tooltip: {  
                        trigger: 'axis'  
                    },  
                    legend: {  
                        data:['销售量']  
                    },  
                    grid: {  
                        left: '3%',  
                        right: '4%',  
                        bottom: '3%',  
                        containLabel: true  
                    },  
                    toolbox: {  
                        feature: {  
                            saveAsImage: {}  
                        }  
                    },  
                    xAxis: {  
                        type: 'category'

你可能感兴趣的:(javascript,ViewUI)