我正在尝试将图例符号设置为线图的正方形或矩形.

Example

这条线很好.我不想改变线宽.

HTML:

使用Javascript:

$(function () {

var chart = new Highcharts.Chart({

chart: {

renderTo: 'container',

type: 'line',

},

xAxis: {

categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']

},

plotOptions: {

series: {

marker: {

enabled: false

}

}

},

legend: {

layout: 'vertical',

align: 'right',

verticalAlign: 'middle',

symbolHeight:100,

borderWidth: 0

},

series: [{

data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]

}]

});

});

我尝试在图例中添加symbolHeight.但它不起作用.

legend: {

layout: 'vertical',

align: 'right',

verticalAlign: 'middle',

symbolHeight:100,

borderWidth: 0

},

如何增加线符号的高度使其成为矩形或方形?

html怎么做成正方形符号,javascript – Highcharts:使图例符号为正方形或矩形相关推荐

  1. php如何打出的正方形行列,javascript实现输出指定行数正方形图案的方法

    本文实例讲述了javascript实现输出指定行数正方形图案的方法.分享给大家供大家参考.具体如下: javascript实现输出指定行数的正方形图案:点击生成图案,会有2个提示框,1,输入图案的组成 ...

  2. js中整除符号,JavaScript 语法:运算符号

    作者:WangMin 格言:努力做好自己喜欢的每一件事 JavaScript要进行各种各样的运算,就要使用不同的运算符号. JavaScript 算数运算符 算数运算符用于对数字执行算数运算,分别有以 ...

  3. python怎么定义正方形函数_python – Matplotlib自定义图例以显示正方形而不是矩形...

    这是我尝试将条形图的图例从矩形更改为方形: import matplotlib.patches as patches rect1 = patches.Rectangle((0,0),1,1,facec ...

  4. 图例符号居中显示_R可视化08|ggplot2图层-标度图层(scale layer)-图例篇

    本文详细介绍ggplot2中图例标度(legends scales),续前篇 R可视化07|ggplot2图层-标度图层(scale layer)-颜色盘篇 本文目录 4.图例标度(legends s ...

  5. Javascript去除回车换行符号和PHP去除回车换行符的方法

    在不同的操作系统,回车换行符号是不一样的,看下面: 首先说说\n,\r,\t \n 软回车: 在Windows 中表示换行且回到下一行的最开始位置 在Linux.unix 中只表示换行,但不会回到下一 ...

  6. 转载 Latex各种命令、符号、公式、数学符号、排版(非常详细)

    Latex各种命令.符号.公式.数学符号.排版等 本文仅供学习参考使用,一切版权和解释权均归原作者所有,转载地址: 数学符号详细内容见:http://mohu.org/info/symbols/sym ...

  7. java字面量和符号引用_java -- JVM的符号引用和直接引用

    在JVM中类加载过程中,在解析阶段,Java虚拟机会把类的二级制数据中的符号引用替换为直接引用. 1.符号引用(Symbolic References): 符号引用以一组符号来描述所引用的目标,符号可 ...

  8. addressof表达式不能转换为long_2.3 C++赋值运算符与表达式 | 将有符号数据赋给无符号...

    赋值运算符 小林在前面小结中有说过赋值符号=就是赋值运算符,它的主要作用是将一个值赋给一个变量. 比如,把常量5的值赋给变量x. x=5; 也可以把一个表达式的值赋给变量 int x; x=3+5*2 ...

  9. highcharts legend图例禁止点击事件以及鼠标移入样式保持不变

    highcharts legend图例禁止点击事件以及鼠标移入样式保持不变 直接上代码 let each = highcharts.each;// todo 自定义图例事件highcharts.wra ...

最新文章

  1. python平稳性检验_时间序列预测基础教程系列(14)_如何判断时间序列数据是否是平稳的(Python)...
  2. JavaWeb_响应和请求数据包
  3. 2 s锁是什么_innodb存储引擎读书笔记:锁
  4. ArcGIS实验教程——实验十五:拓扑关系创建与编辑
  5. VBoxManage获取虚拟机IP地址
  6. ElasticSearch bool过滤查询
  7. Checking if your code is running on 64-bit PHP
  8. windows10下安装JDK及环境变量设置
  9. 最大似然估计_机器学习最大似然估计
  10. bzoj1010: [HNOI2008]玩具装箱toy
  11. zeppelin 配置 spark
  12. windows jdk8
  13. 联想微型计算机扬天s711怎么拆,如何优雅的拆掉一体机电脑 Lenovo 联想 扬天S5250...
  14. java覆盖写入_java写入文件(覆盖和续写)
  15. 背篼酥课堂第九课--前端知识、APP知识
  16. 字蛛font-spider报错 web font not found
  17. 458、Java框架112 -【MyBatis - 一级缓存、二级缓存】 2020.12.28
  18. 金山系不惧微软,前有WPS力扛Office,后有eversheet接力再战
  19. Unity案例课程 - 涂鸦跳跳 Day 1
  20. 51nod 1718 Cos的多项式

热门文章

  1. 华为路由器交换机配置命令
  2. Pytho解析器的安装及配置
  3. pyth命令_如何:在Windows上设置用于从命令行运行.py文件的Python可执行文件
  4. 三种方法查看电脑IP地址是否被占用
  5. SBX(Simulated binary crossover)模拟二进制交叉算子和DE(differential evolution)差分进化算子...
  6. python去中心化_EOS区块链dApp去中心化应用汇总
  7. CPU、处理器、内存、外存、寄存器、缓存的区别
  8. 笔记本电脑查看电池损耗的方法
  9. php实现爬虫抓取法定节假日放假和补班安排数据
  10. 严重: Compilation error org.eclipse.jdt.internal.compiler.classfmt.ClassFormatException