博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
highcharts 笔记
阅读量:6080 次
发布时间:2019-06-20

本文共 2407 字,大约阅读时间需要 8 分钟。

reset zoom 重置

$(function() {function resetChartZoom() {    chart.zoomOut();}var chart = new Highcharts.StockChart({        chart: {        renderTo: 'container',        borderWidth: 1,        plotBorderWidth: 1,        resetZoomButton: {            theme: {                display: 'none'            }        },        zoomType: 'xy'    },        rangeSelector: {        selected: 1    },        series: [{        name: 'USD to EUR',        data: usdeur    }]});$('#resetZoom').click(function() {    resetChartZoom();});});

设置宽度

$('#container').highcharts().setSize(this.value, 400, false);

给highcharts 替换logo

方法只能通过修改源代码。

showCredits: function (credits) {        if (credits.enabled && !this.credits) {            this.credits = this.renderer.text(                credits.text,                0,                0            )            .on('click', function () {                if (credits.href) {                    location.href = credits.href;                }            })            .attr({                align: credits.position.align,                zIndex: 8            })            .css(credits.style)            .add()            .align(credits.position);            if (credits.image) {                this.renderer.image(credits.image.url, 0, 0, credits.image.width, credits.image.height)                    .attr({                        align: credits.position.align,                        zIndex: 8                    })                    .add()                    .align(jQuery.extend(credits.position, {                        x: credits.image.x,                        y: credits.image.y                    }));            }        }    },

使用方法

Highcharts.setOptions({        credits: {            enabled: true,            text: '',            style: {                color: '#ccc',                fontSize: '12px'            },            image: {                url: require.toUrl('common/img/credit.png'),                width: 38,                height: 13,                x: -50,                y: -15            }        },

把highcharts line 的线改为square 的形状

Highcharts.seriesTypes.line.prototype.drawLegendSymbol = Highcharts.seriesTypes.area.prototype.drawLegendSymbol;

x 轴有categories, 线始终从最左端开始

var categories = ['info1', 'info2', 'info3'];xAxis: {    categories: categories,    tickPosition: 'inside',    tickmarkPlacement: 'on',    min: 0.5,    max: categories.length - 1.5}

转载地址:http://luegx.baihongyu.com/

你可能感兴趣的文章
搭建Git服务器并感受hook使用
查看>>
误删了公司数据库,但我还是活下来了
查看>>
JSON for Modern C++ 3.6.0 发布
查看>>
QBit开发微服务
查看>>
从0开始简单使用git进行项目开发【SourceTree+Coding.net】
查看>>
WPF关闭应用程序方法
查看>>
JavaScript学习(十一)--数值处理对象
查看>>
Asp.Net Core Web Api图片上传(一)集成MongoDB存储实例教程
查看>>
简单说一下UWP中的JumpList
查看>>
unity将object[]或者string对象转换成枚举enum
查看>>
一起来看 rxjs
查看>>
Java容器深入浅出之String、StringBuffer、StringBuilder
查看>>
Spring Cloud Gateway 数据库存储路由信息的扩展方案
查看>>
PostgreSQL 10.1 手册_部分 II. SQL 语言_第 9 章 函数和操作符_9.19. 范围函数和操作符...
查看>>
14 SVM - 代码案例一 - 鸢尾花数据SVM分类
查看>>
PostgreSQL 11 发布:JIT、存储过程事务,并行性能提升
查看>>
分享几篇文章(PDF版)
查看>>
Node.js 全局对象
查看>>
你真的懂使用Runtime进行swizzle的最佳写法?
查看>>
Java JDBC
查看>>