zoukankan      html  css  js  c++  java
  • v-chart 渐变色

    <ve-line
          :colors="colors"
          :data="chartData"
          :settings="chartSettings"
          :data-zoom="dataZoom"
        ></ve-line>
     
    import echarts from 'echarts'
     
    this.colors = [
          new echarts.graphic.LinearGradient(
              0,0,0,1,[{
              offset: 0, color: 'rgba(65,95,255,1)'
            },{
              offset: 1, color: 'rgba(65,95,255,0)'
            }]),
            new echarts.graphic.LinearGradient(
              0,0,0,1,[{
              offset: 0, color: 'rgba(234,79,63,1)'
            },{
              offset: 1, color: 'rgba(234,79,63, 0)'
            }]),
            new echarts.graphic.LinearGradient(
              0,0,0,1,[{
              offset: 0, color: 'rgba(49,209,136,1)'
            },{
              offset: 1, color: 'rgba(49,209,136,0)'
            }]),
            new echarts.graphic.LinearGradient(
              0,0,0,1,[{
              offset: 0, color: 'rgba(255,149,54,1)'
            },{
              offset: 1, color: 'rgba(255,149,54,0)'
            }]),
            new echarts.graphic.LinearGradient(
              0,0,0,1,[{
              offset: 0, color: 'rgba(176,214,221,1)'
            },{
              offset: 1, color: 'rgba(176,214,221,0)'
            }]),
            new echarts.graphic.LinearGradient(
              0,0,0,1,[{
              offset: 0, color: 'rgba(248,231,28,1)'
            },{
              offset: 1, color: 'rgba(248,231,28,0)'
            }]
          )
        ]
  • 相关阅读:
    jQuery Eazyui的学习和使用(一)
    PHP 红包功能代码
    PHPExcel 使用学习
    AngularJS 学习笔记
    sublime 快速生成html基础代码
    mysql 重置主键
    php 常用文件操作
    Android隐藏状态栏实现沉浸式体验
    MVC
    安卓Design包之NavigationView结合DrawerLayout,toolbar的使用,FloatingActionButton
  • 原文地址:https://www.cnblogs.com/MJmajong/p/12983522.html
Copyright © 2011-2022 走看看