之前项目中遇到查询数据一个月数据的趋势图 ,之前采用的是echarts,然后发现会出现页面卡死的情况出行,所以就采用了highstock
先来成品图
先来组件源码吧
<template>
<div class="charts" ref="line" id="line">
</div>
</template>
<script>
import Highcharts from 'highcharts/highstock' // 引用highstock
export default {
name: '',
props: {
series : { // 这儿是传入的series 数据格式下面会有
default: {}
},
color: {
default: ''
},
colors: { // 需求中用户需要配置线条颜色
type: Array,
default: function () {
return [
"#4b6ac0",
"#4196ec",
"#1ebea5",
]
}
}
},
data () {
return {
}
},
methods: {
init () {
// 中文 时间中文显示
Highcharts.setOptions({
global: {