基础面试题
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
主要内容包括:HTML,CSS,JavaScript,浏览器,性能优化等等
this.chart = new Highcharts.Chart(this.$el, this.defOptions)
}
}
}
你使用的页面
html:
script:
import Chart from “@/components/chart.vue”;
export default {
name: “jointreport”,
data() {
return {
name:‘’,
tableData: [{
pyear:‘2018’,
demand:‘999,999.99’,
nbalance:‘1,000,000’,
aneeded:‘1000,00’,
},{
pyear:‘2019’,
demand:‘999,999.99’,
nbalance:‘1,000,000’,
aneeded:‘-100,326.60’,
},],
totalAasset: true,
onetimeassets: true,
sty: {
width: 1200,
height: 400
},
options: {
chart: {
type: ‘bar’
},
title: {
text: ‘’
},
subtitle: {
text: ‘’
},
xAxis: {
categories: [‘最高收益配置’, ‘我的智能配置’, ‘客户当前配置’],
title: {
text: null
}
},
credits: {
enabled: false//去掉highcharts.com链接
},
exporting:{
enabled:false //用来设置是否显示‘打印’,'导出’等功能按钮,不设置时默认为显示
},
yAxis: {
min: 0,//最小
// max:500,//最大
title: {
text: ‘’,
align: ‘’
},
labels: {
overflow: ‘justify’,
// formatter:function(){
// return this.value+‘G’;//格式化
// }
},
//allowDecimals: false,
},
tooltip: {
valueSuffix: ’ 元’,//最后显示值
backgroundColor: ‘#4c4c4c’, // 背景颜色
borderColor: ‘#4c4c4c’, // 边框颜色
borderRadius: 3, // 边框圆角
borderWidth: 10, // 边框宽度
shadow: true, // 是否显示阴影
animation: true, // 是否启用动画效果
useHTML: true,//html
//格式化悬浮显示框
pointFormat: ‘总资产{point.y}
’,
style: { // 文字内容相关样式
color: “#ffffff”,
fontSize: “12px”,
fontWeight: “blod”,
fontFamily: “Courir new”,
top: ‘100px’,
useHTML: true,//html
},
shape: ‘callout’
},
plotOptions: {
bar: {
dataLabels: {
enabled: false,//是否显示
allowOverlap: true // 允许数据标签重叠
}
基础面试题
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
主要内容包括:HTML,CSS,JavaScript,浏览器,性能优化等等
显示
allowOverlap: true // 允许数据标签重叠
}
基础面试题
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
主要内容包括:HTML,CSS,JavaScript,浏览器,性能优化等等
[外链图片转存中…(img-5htHzJRy-1715200744686)]