随笔分类 -  Highcharts

摘要：参考：https://api.highcharts.com.cn/highcharts#Series https://www.tnblog.net/aojiancc2/article/details/4756 阅读全文

摘要：一、什么是数据列（series，写在最外面） 数据列是一组数据集合，例如一条线，一组柱形等。图表中所有点的数据都来自数据列对象，数据列的基本构造是： series : [{ name : '', data : [] }] 提示：数据列配置是个数组，也就是数据配置可以包含多个数据列。 数据列中的 na 阅读全文

摘要：笛卡尔图表（普通的二维数据图）都有X轴和Y轴，默认情况下，x轴显示在图表的底部，y轴显示在左侧（多个y轴时可以是显示在左右两侧），通过设置chart.inverted = true 可以让x，y轴显示位置对调。下图为图表中坐标轴组成部分 一、坐标轴组成部分 1、坐标轴标题 坐标轴标题。默认情况下，x 阅读全文

摘要：标题默认显示在图表的顶部，包括标题和副标题（subTitle），其中副标题是非必须的。设置标题和副标题的示例代码如下： chartOptions: { chart: { type: 'line', zoomType: 'x', panning: true, panKey: 'shift' }, ti 阅读全文

摘要：官网图表配置 本节主要讲解图表配置，对应的 API 位置为 chart，主要内容包括图表全局样式、绘图区、图表事件、等相关内容。 对于 C语言风格的开发者来说，下面的方式更符合编写习惯 var oiptions = new Object(); options.chart = new Object() 阅读全文

摘要：参考Highchart官网 开发环境 已经全局安装 Node.js, NPM Vue, Highcharts 库已经安装在项目中 通过 npm 安装 Highcharts 一、在Vue中使用Highcharts，应该先下载Highcharts npm install highcharts --sav 阅读全文