热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

百度的echarts能否给markLine的label添加背景?

2019独角兽企业重金招聘Python工程师标准项目中遇到如下图的需求查阅echarts配置项文档发现似乎没有markLinelabel的样式选项请问怎么才能给label增加

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

项目中遇到如下图的需求

查阅echarts配置项文档发现似乎没有markLine label的样式选项

请问怎么才能给label增加背景呢?

附:

在线echarts gallery代码
http://gallery.echartsjs.com/…

echarts配置项文档
http://echarts.baidu.com/opti…

参考:https://segmentfault.com/q/1010000013784396

var upColor = '#ec0000';
var upBorderColor = '#8A0000';
var downColor = '#00da3c';
var downBorderColor = '#008F28';
var gridBgColor = '#f3f3f3';// 数据意义:开盘(open),收盘(close),最低(lowest),最高(highest)
window.data0 = splitData([['2013/5/16', 2221.34,2251.81,2210.77,2252.87],['2013/5/17', 2249.81,2282.87,2248.41,2288.09],['2013/5/20', 2286.33,2299.99,2281.9,2309.39],['2013/5/21', 2297.11,2305.11,2290.12,2305.3],['2013/5/22', 2303.75,2302.4,2292.43,2314.18],['2013/5/23', 2293.81,2275.67,2274.1,2304.95],['2013/5/24', 2281.45,2288.53,2270.25,2292.59],['2013/5/27', 2286.66,2293.08,2283.94,2301.7],['2013/5/28', 2293.4,2321.32,2281.47,2322.1],['2013/5/29', 2323.54,2324.02,2321.17,2334.33],['2013/5/30', 2316.25,2317.75,2310.49,2325.72],['2013/5/31', 2320.74,2300.59,2299.37,2325.53],['2013/6/3', 2300.21,2299.25,2294.11,2313.43],['2013/6/4', 2297.1,2272.42,2264.76,2297.1],['2013/6/5', 2270.71,2270.93,2260.87,2276.86],['2013/6/6', 2264.43,2242.11,2240.07,2266.69],['2013/6/7', 2242.26,2210.9,2205.07,2250.63],['2013/6/13', 2190.1,2148.35,2126.22,2190.1]
]);window.currentPriceData = data0.values.map(v => v[0])function splitData(rawData) {var categoryData = [];var values = []for (var i = 0; i }window.calculateMA = function (dayCount) {var result = [];for (var i = 0, len = data0.values.length; i }option = {backgroundColor: gridBgColor,title: {text: '上证指数',left: 0},tooltip: {trigger: 'axis',axisPointer: {type: 'cross'}},legend: {data: ['日K', 'MA5', 'MA10', 'MA20', 'MA30']},grid: {left: '5%',right: '15%',bottom: '15%'},xAxis: {type: 'category',data: data0.categoryData,scale: true,boundaryGap : false,axisLine: {onZero: false},splitLine: {show: false},splitNumber: 20,min: 'dataMin',max: 'dataMax',axisTick: {// show: false,inside: true},axisLabel: {align: "center",showMinLabel: false}},yAxis: {position: 'left',// offset: 60,scale: true,// splitArea: {// show: true// },splitLine: {show: false},axisTick: {// show: false,inside: true},axisLabel: {inside: true}},dataZoom: [// {// type: 'inside',// start: 50,// end: 100,// zoomLock: true// }// ,{// show: true,// type: 'slider',// y: '90%',// start: 50,// end: 100// }],series: [{name: '日K',type: 'candlestick',data: data0.values,itemStyle: {normal: {color: upColor,color0: downColor,borderColor: upBorderColor,borderColor0: downBorderColor}},markLine: {symbol: ['none', 'none'],// symbolSize: [10, 80],// symbolOffset: [60, 50],data: [// {// name: 'min line on close',// type: 'min',// lineStyle: {// type: "solid"// },// valueDim: 'close'// },// {// name: 'max line on close',// type: 'max',// lineStyle: {// type: "solid"// },// valueDim: 'close'// }]}},{name: 'currentPrice',type: 'line',data: data0.values.map( v => v[0]),smooth: true,lineStyle: {normal: {opacity: 0.1}},markLine: {silent: true,symbol: ['rect'],lineStyle: {type: "solid"},data: [[{symbol: 'arrow',yAxis: 2290.1,xAxis: '2013/6/13',x: '90%',label: {normal: {position: 'start',formatter: '2290.1'}},name: 'Y轴值为2290.1 的水平线'}, {symbol: 'none',x: '5%',yAxis: 2290.1}]]}}]
};


转:https://my.oschina.net/u/1260221/blog/1926716



推荐阅读
  • 本文由编程笔记#小编为大家整理,主要介绍了logistic回归(线性和非线性)相关的知识,包括线性logistic回归的代码和数据集的分布情况。希望对你有一定的参考价值。 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • 拥抱Android Design Support Library新变化(导航视图、悬浮ActionBar)
    转载请注明明桑AndroidAndroid5.0Loollipop作为Android最重要的版本之一,为我们带来了全新的界面风格和设计语言。看起来很受欢迎࿰ ... [详细]
  • 本文介绍了一个在线急等问题解决方法,即如何统计数据库中某个字段下的所有数据,并将结果显示在文本框里。作者提到了自己是一个菜鸟,希望能够得到帮助。作者使用的是ACCESS数据库,并且给出了一个例子,希望得到的结果是560。作者还提到自己已经尝试了使用"select sum(字段2) from 表名"的语句,得到的结果是650,但不知道如何得到560。希望能够得到解决方案。 ... [详细]
  • FeatureRequestIsyourfeaturerequestrelatedtoaproblem?Please ... [详细]
  • This article discusses the efficiency of using char str[] and char *str and whether there is any reason to prefer one over the other. It explains the difference between the two and provides an example to illustrate their usage. ... [详细]
  • SpringMVC接收请求参数的方式总结
    本文总结了在SpringMVC开发中处理控制器参数的各种方式,包括处理使用@RequestParam注解的参数、MultipartFile类型参数和Simple类型参数的RequestParamMethodArgumentResolver,处理@RequestBody注解的参数的RequestResponseBodyMethodProcessor,以及PathVariableMapMethodArgumentResol等子类。 ... [详细]
  • 网址:https:vue.docschina.orgv2guideforms.html表单input绑定基础用法可以通过使用v-model指令,在 ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • 也就是|小窗_卷积的特征提取与参数计算
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了卷积的特征提取与参数计算相关的知识,希望对你有一定的参考价值。Dense和Conv2D根本区别在于,Den ... [详细]
  • 摘要: 在测试数据中,生成中文姓名是一个常见的需求。本文介绍了使用C#编写的随机生成中文姓名的方法,并分享了相关代码。作者欢迎读者提出意见和建议。 ... [详细]
  • 第四章高阶函数(参数传递、高阶函数、lambda表达式)(python进阶)的讲解和应用
    本文主要讲解了第四章高阶函数(参数传递、高阶函数、lambda表达式)的相关知识,包括函数参数传递机制和赋值机制、引用传递的概念和应用、默认参数的定义和使用等内容。同时介绍了高阶函数和lambda表达式的概念,并给出了一些实例代码进行演示。对于想要进一步提升python编程能力的读者来说,本文将是一个不错的学习资料。 ... [详细]
  • 深度学习中的Vision Transformer (ViT)详解
    本文详细介绍了深度学习中的Vision Transformer (ViT)方法。首先介绍了相关工作和ViT的基本原理,包括图像块嵌入、可学习的嵌入、位置嵌入和Transformer编码器等。接着讨论了ViT的张量维度变化、归纳偏置与混合架构、微调及更高分辨率等方面。最后给出了实验结果和相关代码的链接。本文的研究表明,对于CV任务,直接应用纯Transformer架构于图像块序列是可行的,无需依赖于卷积网络。 ... [详细]
  • 本文讨论了一个数列求和问题,该数列按照一定规律生成。通过观察数列的规律,我们可以得出求解该问题的算法。具体算法为计算前n项i*f[i]的和,其中f[i]表示数列中有i个数字。根据参考的思路,我们可以将算法的时间复杂度控制在O(n),即计算到5e5即可满足1e9的要求。 ... [详细]
  • 本文讨论了编写可保护的代码的重要性,包括提高代码的可读性、可调试性和直观性。同时介绍了优化代码的方法,如代码格式化、解释函数和提炼函数等。还提到了一些常见的坏代码味道,如不规范的命名、重复代码、过长的函数和参数列表等。最后,介绍了如何处理数据泥团和进行函数重构,以提高代码质量和可维护性。 ... [详细]
author-avatar
lily--妹妹
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有