基于javascript es6的echarts封装,含柱图
数据格式(Data Format)
data:{ "chartData": [ //主要数据 {"x":"", "y":"", "value":0, "name":""}, {"x":"", "y":"", "value":0, "name":""}, ...... ], "title":"", //标题 "chartType": 0, //图表模板id "xTitle": "", //x轴标题 "yTitle": "", //y轴标题 "xUnit": "", //x轴单位 "yUnit": "", //y轴单位 "vUnit": "", //value轴单位 } 使用方法(How to Use) 1、使用chartItem组件(Use chartItem template)
<chart-item :data="data" chartId="id" :chartType="101" chartConfig=""></chart-item> 2、直接使用(Direct Use)
var chart = new SuCharts(data, chartId, chartType); chart.drawChart(chartConfig); 补充(Additional Remarks)
chartType: see in "@/assets/scripts/charts/suCharts.js" chartConfig: see in "@/assets/scripts/charts/tools/defaultConfig.js"
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。