• 周四. 4月 25th, 2024

5G编程聚合网

5G时代下一个聚合的编程学习网

热门标签

echarts 自定义柱状图,模拟3d效果

admin

11月 28, 2021

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>智慧法务综合平台</title>
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script>
    </head>
    <body style="background: #030a2e;">
        <div id="main" style=" 500px;height: 500px;border:1px solid red"> </div>
    </body>
<script>
  var myChart = echarts.init(document.getElementById('main'));
  // 添加3d的图片
  var imageUrl = "image://img/common/echarts-bar-column-default.png";
  var option = {
      tooltip: {
        trigger: "axis",
        axisPointer: {
          type: "cross"
        }
      },
      legend: {
        show:true,
        data:["合同额", "合同量"],
        textStyle: {
          color: "#54aac9",
          fontSize: '14px'
        },
        bottom: '18px'
      },
      grid: {
        left: '100px',
        right: '100px',
        top: '60px',
        bottom: '80px'
      },
      xAxis: [{
        type: "category",
        data: ["2018", "2019", "2020", "2021"],
        axisLabel: {
          interval: 0,
          textStyle: {
            color: "rgba(101, 198, 231, 0.7)",
            fontSize: '12px',
          }
        },
        axisLine: {
          lineStyle: {
            color: "rgba(101, 198, 231, 0.2)"
          }
        }
      }],
      yAxis: [{
        name:'亿元' ,
        nameTextStyle: {//Y轴单位颜色
          color: "rgba(101, 198, 231, 0.7)",
          fontSize: '12px'
        },
        nameLocation: "center",
        nameGap: '45',
        type: 'value',
        axisLabel: {
          interval: 0,
          textStyle: {//Y轴坐标数值颜色
            color: "rgba(101, 198, 231, 0.7)",
            fontSize: '12px'
          }
        },
        splitLine: {
          show: true,
          lineStyle: {//Y轴坐标线颜色
            color: "rgba(101, 198, 231, 0.2)"
          }
        },
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        }
      }, {
        name: "万份",
        nameTextStyle: {
          color: "rgba(101, 198, 231, 0.7)",
          fontSize:'12px'
        },
        nameLocation: "center",
        nameGap:'40',
        nameRotate:'-90',
        type: 'value',
        axisLabel: {
          interval: 0,
          textStyle: {
            color: "rgba(101, 198, 231, 0.7)",
            fontSize: '12px'
          }
        },
        splitLine: {
          show: true,
          lineStyle: {
            color: "rgba(101, 198, 231, 0.2)"
          }
        },
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        }
      }],
      series: [{
        name: "合同额",
        type: 'pictorialBar',
        barWidth: '22px',
        symbol: "rect",
        label: {
          normal: {
            show: false
          }
        },
        itemStyle: {
          normal: {
            color: {
              type: 'linear',
              x: 0,
              y: 0,
              x2: 0,
              y2: 1,
              colorStops: [{
                offset: 0,
                color: '#01f0ff'
              }, {
                offset: 1,
                color: '#005559'
              }]
            }
          }
        },
        data:[
          { value: '351.70', symbol: imageUrl },
          { value: '549.06', symbol: imageUrl },
          { value: '672.98', symbol: imageUrl },
          { value: '99.15', symbol: imageUrl }
        ]
      }, {
        name:"合同量" ,
        type: 'line',
        itemStyle: {
          normal: {
            color: '#93f6fe',
          }
        },
        data: ["52.85", "66.96", "45.84", "7.73"]
      }]
  };
  myChart.setOption(option);
</script>

</html>

《echarts 自定义柱状图,模拟3d效果》有76个想法
  1. Разрешение на строительство — это административный документ, предоставленный управомоченными структурами государственного аппарата или местного самоуправления, который предоставляет начать возведение или исполнение строительных операций.
    Разрешение на строительство задает нормативные положения и требования к строительной деятельности, включая узаконенные виды работ, дозволенные материалы и способы, а также включает строительные регламенты и наборы защиты. Получение разрешения на строительный процесс является необходимым документов для строительной сферы.

  2. Быстромонтируемые здания – это прогрессивные сооружения, которые отличаются большой быстротой установки и гибкостью. Они представляют собой здания, состоящие из заранее изготовленных компонентов или же модулей, которые имеют возможность быть быстро установлены на районе развития.
    Калькулятор здания из сэндвич панелей располагают податливостью и адаптируемостью, что дает возможность легко преобразовывать а также модифицировать их в соответствии с пожеланиями клиента. Это экономически эффективное и экологически долговечное решение, которое в последние лета заполучило обширное распространение.

  3. ortexi is a 360° hearing support designed for men and women who have experienced hearing loss at some point in their lives.

  4. GlucoBerry is a meticulously crafted supplement designed by doctors to support healthy blood sugar levels by harnessing the power of delphinidin—an essential compound.

  5. Dentitox Pro is a liquid dietary solution created as a serum to support healthy gums and teeth. Dentitox Pro formula is made in the best natural way with unique, powerful botanical ingredients that can support healthy teeth.

  6. Neurodrine is a fantastic dietary supplement that protects your mind and improves memory performance. It can help you improve your focus and concentration.

  7. Metabo Flex is a nutritional formula that enhances metabolic flexibility by awakening the calorie-burning switch in the body. The supplement is designed to target the underlying causes of stubborn weight gain utilizing a special “miracle plant” from Cambodia that can melt fat 24/7.

  8. GlucoFlush Supplement is an all-new blood sugar-lowering formula. It is a dietary supplement based on the Mayan cleansing routine that consists of natural ingredients and nutrients.

  9. TropiSlim is a unique dietary supplement designed to address specific health concerns, primarily focusing on weight management and related issues in women, particularly those over the age of 40.

  10. Gorilla Flow is a non-toxic supplement that was developed by experts to boost prostate health for men. It’s a blend of all-natural nutrients, including Pumpkin Seed Extract Stinging Nettle Extract, Gorilla Cherry and Saw Palmetto, Boron, and Lycopene.

  11. SynoGut is an all-natural dietary supplement that is designed to support the health of your digestive system, keeping you energized and active.

  12. FitSpresso stands out as a remarkable dietary supplement designed to facilitate effective weight loss. Its unique blend incorporates a selection of natural elements including green tea extract, milk thistle, and other components with presumed weight loss benefits.

  13. Nervogen Pro is a cutting-edge dietary supplement that takes a holistic approach to nerve health. It is meticulously crafted with a precise selection of natural ingredients known for their beneficial effects on the nervous system. By addressing the root causes of nerve discomfort, Nervogen Pro aims to provide lasting relief and support for overall nerve function.

  14. Cortexi is an effective hearing health support formula that has gained positive user feedback for its ability to improve hearing ability and memory. This supplement contains natural ingredients and has undergone evaluation to ensure its efficacy and safety. Manufactured in an FDA-registered and GMP-certified facility, Cortexi promotes healthy hearing, enhances mental acuity, and sharpens memory.

  15. AquaPeace is the most in-demand ear health supplement on the market. Owing to its natural deep-sea formula and nutritious nature, it has become an instant favorite of everyone who is struggling with degraded or damaged ear health.

  16. I appreciate how this blog addresses important issues in a respectful and informative manner It’s refreshing to see a blog use its platform for good

  17. What makes Sumatra Slim Belly Tonic even more unique is its inspiration from the beautiful Indonesian island of Sumatra. This supplement incorporates ingredients that are indigenous to this stunning island, including the exotic blue spirulina. How amazing is that? By harnessing the power of these rare and natural ingredients, Sumatra Slim Belly Tonic provides you with a weight loss solution that is both effective and enchanting.

  18. Sumatra Slim Belly Tonic is a unique weight loss supplement that sets itself apart from others in the market. Unlike other supplements that rely on caffeine and stimulants to boost energy levels, Sumatra Slim Belly Tonic takes a different approach. It utilizes a blend of eight natural ingredients to address the root causes of weight gain. By targeting inflammation and improving sleep quality, Sumatra Slim Belly Tonic provides a holistic solution to weight loss. These natural ingredients not only support healthy inflammation but also promote better sleep, which are crucial factors in achieving weight loss goals. By addressing these underlying issues, Sumatra Slim Belly Tonic helps individuals achieve sustainable weight loss results.

  19. Sumatra Slim Belly Tonic is a unique weight loss supplement that sets itself apart from others in the market. Unlike other supplements that rely on caffeine and stimulants to boost energy levels, Sumatra Slim Belly Tonic takes a different approach. It utilizes a blend of eight natural ingredients to address the root causes of weight gain. By targeting inflammation and improving sleep quality, Sumatra Slim Belly Tonic provides a holistic solution to weight loss. These natural ingredients not only support healthy inflammation but also promote better sleep, which are crucial factors in achieving weight loss goals. By addressing these underlying issues, Sumatra Slim Belly Tonic helps individuals achieve sustainable weight loss results.

  20. Sumatra Slim Belly Tonic is a unique weight loss supplement that sets itself apart from others in the market. Unlike other supplements that rely on caffeine and stimulants to boost energy levels, Sumatra Slim Belly Tonic takes a different approach. It utilizes a blend of eight natural ingredients to address the root causes of weight gain. By targeting inflammation and improving sleep quality, Sumatra Slim Belly Tonic provides a holistic solution to weight loss. These natural ingredients not only support healthy inflammation but also promote better sleep, which are crucial factors in achieving weight loss goals. By addressing these underlying issues, Sumatra Slim Belly Tonic helps individuals achieve sustainable weight loss results.

  21. What makes Sumatra Slim Belly Tonic even more unique is its inspiration from the beautiful Indonesian island of Sumatra. This supplement incorporates ingredients that are indigenous to this stunning island, including the exotic blue spirulina. How amazing is that? By harnessing the power of these rare and natural ingredients, Sumatra Slim Belly Tonic provides you with a weight loss solution that is both effective and enchanting.

  22. Sumatra Slim Belly Tonic is a unique weight loss supplement that sets itself apart from others in the market. Unlike other supplements that rely on caffeine and stimulants to boost energy levels, Sumatra Slim Belly Tonic takes a different approach. It utilizes a blend of eight natural ingredients to address the root causes of weight gain. By targeting inflammation and improving sleep quality, Sumatra Slim Belly Tonic provides a holistic solution to weight loss. These natural ingredients not only support healthy inflammation but also promote better sleep, which are crucial factors in achieving weight loss goals. By addressing these underlying issues, Sumatra Slim Belly Tonic helps individuals achieve sustainable weight loss results.

  23. Sumatra Slim Belly Tonic takes pride in its manufacturing process, ensuring that every batch is produced in FDA-approved and GMP-certified facilities. This means that each and every bottle of Sumatra Slim Belly Tonic meets the highest standards of quality and safety. You can trust that you are getting a product that has undergone strict quality control measures and is backed by scientific research.

  24. I am absolutely thrilled to introduce you to the incredible Sumatra Slim Belly Tonic! This powdered weight loss formula is like no other, featuring a powerful blend of eight natural ingredients that are scientifically linked to fat burning, weight management, and overall weight loss. Just imagine the possibilities! With Sumatra Slim Belly Tonic, you have the opportunity to finally achieve your weight loss goals and transform your body into the best version of yourself.

  25. Sumatra Slim Belly Tonic is a unique weight loss supplement that sets itself apart from others in the market. Unlike other supplements that rely on caffeine and stimulants to boost energy levels, Sumatra Slim Belly Tonic takes a different approach. It utilizes a blend of eight natural ingredients to address the root causes of weight gain. By targeting inflammation and improving sleep quality, Sumatra Slim Belly Tonic provides a holistic solution to weight loss. These natural ingredients not only support healthy inflammation but also promote better sleep, which are crucial factors in achieving weight loss goals. By addressing these underlying issues, Sumatra Slim Belly Tonic helps individuals achieve sustainable weight loss results.

  26. What makes Sumatra Slim Belly Tonic even more unique is its inspiration from the beautiful Indonesian island of Sumatra. This supplement incorporates ingredients that are indigenous to this stunning island, including the exotic blue spirulina. How amazing is that? By harnessing the power of these rare and natural ingredients, Sumatra Slim Belly Tonic provides you with a weight loss solution that is both effective and enchanting.

  27. Your posts always make me feel like I’m not alone in my struggles and insecurities Thank you for sharing your own experiences and making me feel understood

  28. Your blog is a treasure trove of wisdom and positivity I appreciate how you always seem to know just what your readers need to hear

  29. GlucoTrust is a powerful dietary supplement that is designed to address the root cause of excessive blood sugar. It provides the body with essential vitamins and minerals that are specifically formulated to lower blood sugar levels and help keep them at optimal levels. This supplement is highly effective in eliminating fat from the liver, pancreas, and cells, which is one of the primary causes of high blood sugar levels. By doing so, it improves the conversion of carbohydrates and proteins into energy that your body can easily burn.

  30. One of the key benefits of GlucoTrust is that it increases insulin response, production, and sensitivity. Insulin is a hormone that is responsible for regulating blood sugar levels in the body, and when this process is disrupted, it can lead to a range of health problems. GlucoTrust provides the body with essential nutrients that help to improve insulin function, which in turn helps to regulate blood sugar levels more effectively.

  31. Sugar Defender stands as a beacon of natural, side-effect-free blood sugar support. Crafted from a blend of pure, plant-based ingredients, this formula not only helps regulate blood sugar levels but also empowers you on your journey to weight loss, increased vitality, and overall life improvement.

  32. Sugar Defender’s prowess in managing blood sugar is deeply rooted in its exceptional blend of natural ingredients, each playing a distinct role that contributes to the overall success of the supplement. Here are some noteworthy positive impacts of the Sugar Defender Ingredients blend:

  33. Thank you for providing a positive and constructive space for discussion It’s refreshing to see a blog with a kind and respectful community

  34. Alpilean is a natural dietary formula that has been proven to provide multiple health benefits. In order to experience these benefits, it is important to follow the recommended usage instructions. Unlike other supplements, Alpilean delivers on its promises and delivers results.

  35. Alpilean is a natural dietary formula that has been proven to provide multiple health benefits. In order to experience these benefits, it is important to follow the recommended usage instructions. Unlike other supplements, Alpilean delivers on its promises and delivers results.

  36. Red Boost is a formula that helps a man improve his sexual performance. It is made from natural ingredients and helps a man have more energy for sex. Try Red Boost to have a better experience!

  37. Red Boost comes with a 180-day, 100% money-back guarantee, which means that customers have 180 days from the date of purchase to try the product and see if it works for them. Within this time frame, they can ask for a full refund if they are not happy with the results.

  38. Sugar Defender transcends symptom-focused interventions, delving into the root causes of glucose imbalance. It stands as a dynamic formula that seamlessly aligns with the body’s intrinsic mechanisms, presenting a distinctive and holistic approach to enhancing overall well-being. Beyond a mere supplement, Sugar Defender emerges as a strategic ally in the pursuit of balanced health.

  39. Sugar Defender’s prowess in managing blood sugar is deeply rooted in its exceptional blend of natural ingredients, each playing a distinct role that contributes to the overall success of the supplement. Here are some noteworthy positive impacts of the Sugar Defender Ingredients blend:

  40. Sugar Defender stands as a beacon of natural, side-effect-free blood sugar support. Crafted from a blend of pure, plant-based ingredients, this formula not only helps regulate blood sugar levels but also empowers you on your journey to weight loss, increased vitality, and overall life improvement.

  41. MetaNail is a topical formulation combining 20 organic and essential nutrients to repair, rejuvenate, and improve nail health. It can fight fungus and brittle or cracked nails. The serum is easy to apply and safer than most oral and topical nail products.

  42. We just wanted to take a moment to acknowledge all the hard work and effort you’ve been putting in lately. Keep up the amazing job, you’re doing great!

  43. Thank you for addressing such an important topic in this post Your words are powerful and have the potential to make a real difference in the world

  44. Мы компания SEO-консультантов, работающих над увеличением посещаемости и рейтинга вашего сайта в поисковых системах.
    Мы преуспели в своей деятельности и расширим ваш кругозор нашим опытом и знаниями.
    Какие услуги мы предоставляем:
    • [url=https://seo-prodvizhenie-ulyanovsk1.ru/]аудитор сео[/url]
    • Тщательный анализ вашего сайта и разработка персональной стратегии продвижения.
    • Усовершенствование контента и технических особенностей вашего сайта для достижения максимальной производительности.
    • Постоянный контроль и анализ данных для улучшения вашего онлайн-присутствия.
    Подробнее [url=https://seo-prodvizhenie-ulyanovsk1.ru/]https://seo-prodvizhenie-ulyanovsk1.ru/[/url]
    Уже сейчас наши клиенты получают результаты: увеличение трафика, улучшение позиций в поисковых системах и, конечно же, рост прибыли. Мы можем предоставить вам бесплатную консультацию, для того чтобы обсудить ваши требования и помочь вам разработать стратегию продвижения, соответствующую вашим целям и бюджету.
    Не упустите шанс улучшить свои показатели в онлайн-мире. Обратитесь к нам прямо сейчас.

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注