Apache Zeppelin-Highcharts displaying blank output

[tenyk]

hi @rockie-yang,@knockdata ,@weand ,@honnix
please help us with the below issue-
I am new to zeppelin and wanted to implement some drill down charts, for that
I configured HighCharts on our Zeppelin Tool to implement a drill down functionality. We placed the below jar files and stated the same in the Dependencies

Zeppelin-highcharts-0.6.4.jar
lift-json_2.11-2.6.3.jar
paranamer-2.4.1.jar
We tried executing the below code-

Para 1
val bank = spark.read.option("header",true).csv("/u01/zepplin/bank/bank2.csv")
bank.show()

Para 2-
import com.knockdata.spark.highcharts._
import com.knockdata.spark.highcharts.model._
highcharts(bank.series("x" -> "age", "y" -> sum(col("balance"))).orderBy(col("age"))).plot()

But this code is not able to plot anything, giving a blank out put.It just shows the tile(Chart Title). To rule out the browser compatibility issue I tried this on all the browsers too. Am I missing something here.Do we have any alternative for High-charts for custom visualization like drill down etc.
Getting output as shown below

Thanks in Advance
Teny

[tenyk]

Please let know if anyone can help me to resolve this

Thanks