![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
highchart
文章平均质量分 59
zhanle_huang
喜欢编程、对编程有着自己的热情,目前是前端开发为主,平时喜欢研究一些自己觉得好玩的代码
展开
-
highchart的draggable-points.js依赖实现图表的动态拖拽操作
highchart的draggable-points.js依赖实现图表的动态拖拽操作需求实现总结需求实现一个曲线图,能够通过鼠标去拖拽点,来进行修改图表实现例子基于vue来实现,如果是jq的按照官网的例子即可,配置列表链接.,例子// 引入依赖import Highcharts from 'highcharts/highcharts.js';import draggable from 'highcharts/modules/draggable-points.js'// 注册拖拽事件原创 2022-01-17 14:36:32 · 1177 阅读 · 0 评论 -
highchart的(column)柱状图修改图例
@TOC情况说明柱状图的图例默认是圆点的,如图要修改成方形,可以采用如下形式plotOptions: { column: { tooltip: { pointFormat: `<span style="color:{point.color}">\u25A0</span> {series.name}:{point.y}<br/>` } }}效果解释采用格式化字符串的形式去替换,其中的\u25A0(Unicode字体)代表的是”实心方原创 2021-11-30 16:58:00 · 1207 阅读 · 0 评论 -
highchart滚动条使用--highcharts/highstock,保持y轴和图例不滚动
highchart滚动条使用--highcharts/highstock使用目的引入使用完整代码使用目的1. 需要固定图例和y轴,但是x轴需要滚动的情况引入1. 不能像普通表格一样引入highcharts,只需要引入highcharts/highstock2. 使用import HighStock from 'highcharts/highstock' 替换 import HighStock from 'highcharts'使用1. 使用方式上用HighStock.stockChart代原创 2021-11-10 10:16:37 · 1969 阅读 · 0 评论