echarts-自定义样式（1）

最新推荐文章于 2024-09-11 09:53:45 发布

多一点开心

最新推荐文章于 2024-09-11 09:53:45 发布

阅读量1.2k

点赞数

分类专栏： echarts

本文为博主原创文章，署名（BY）-非商业性使用（NC）-禁止演绎（ND），转载请附上原文链接和本申明。

本文链接：https://blog.csdn.net/qq_38060231/article/details/108150460

版权

本文介绍了如何使用 echarts 自定义样式，包括坐标轴字体颜色和旋转角度的设置，将柱状图转换为柱状图加折线图的组合，以及实现横坐标文字的换行和行高的调整。通过这些技巧，可以更个性化地展示数据。

摘要由CSDN通过智能技术生成

echarts-自定义样式（1）

自定义内容：
1、坐标轴字体颜色、旋转角度
2、柱状图变为柱状图+折线图
3、横坐标文字换行，设置行高

<!-- 线图 -->
<template>
<div class="commheight">
  <chart-card :title="titlename" :hideBg="true" class="chartcartStyle">
    <div :id="idname" class="echartsItem"></div>
  </chart-card>
</div>
</template>

<script>
import chartCard from "./../com/chartCard";
import {
    simpleBar } from "@/assets/js/echartOption";
export default {
   
props: ["data", "titlename", "idname"],
components: {
   
  chartCard
},
data()