找人做网站被骗怎么办,企业网站开发实训心得,优化软件有哪些,免费ppt模版网站如何利用echarts图表获取条状图点击名称和值
听语音 |浏览#xff1a;1505|更新#xff1a;2017-06-13 10:20|标签#xff1a;软件 1 2 3 4 5 6 7
分步阅读
echarts图表插件工具#xff0c;包含了各种不同类型的图形#xff0c;有圆饼图、折线图、圆环图、柱状图…如何利用echarts图表获取条状图点击名称和值
听语音 |浏览1505|更新2017-06-13 10:20|标签软件 1 2 3 4 5 6 7
分步阅读
echarts图表插件工具包含了各种不同类型的图形有圆饼图、折线图、圆环图、柱状图等。其中各种图形带有事件触发事件可以获取到名称和值下面利用一个实例说明点击条状图获取名称和值操作如下 工具/原料 echarts eclipse Tomcat7.x jdk1.8 截图工具 浏览器 方法/步骤
https://jingyan.baidu.com/article/a3aad71ae1f3a7b1fb009689.html 第一步新建静态页面bar.html修改title并引入echarts js文件如下图所示 第二步添加条状图容器在body/body插入一个div并给出id属性和宽度高度如下图所示 第三步编写生成条状图的js代码添加数据和样式如下图所示 第四步预览该图形界面可以看到效果图如下图所示 第五步编写点击条状图的柱子然后获取它们的name和value如下图所示 第六步再次预览该界面打开浏览器的控制台查看打印结果如下图所示 END
注意事项 注意echarts条状图的使用场景 注意获取条状图name和value
